ProfileForm.vue

<template>
  <q-form>
    <q-input v-model="name" label="Name"/>
    <q-input v-model="email" label="Public Email"/>
    <q-input v-model="bio" type="textarea" label="Bio"/>
    <q-input v-model="URL" type="url" label="URL"/>
    <q-input v-model="company" label="Company"/>
    <q-input v-model="location" label="Location"/>
    <div
      class="text-caption q-mt-md"
    >All of the fields on this page are optional and can be deleted at any time, and by filling them out, you're giving us consent to share this data wherever your user profile appears.</div>
    <q-btn color="positive" class="q-mt-xl">Update profile</q-btn>
  </q-form>
</template>

<script>
export default {
  // name: 'ComponentName',
  data() {
    return {};
  }
};
</script>

<style>
</style>