moved component to folder

src/components/ProjectForm.vue

-<template>
-  <q-form class="q-gutter-md q-my-lg project-form">
-    <div class="row">
-      <div class="col-3">Project name*</div>
-      <div class="col-9">
-        <q-input
-          dense
-          outlined
-          v-model="title"
-          requiteal
-          placeholder="A descriptive name for your project"
-        />
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Description*</div>
-      <div class="col-9">
-        <q-editor min-height="10rem" v-model="description"/>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Tags</div>
-      <div class="col-9">
-        <div class="flex">
-          <!-- <q-chip color="grey-1" icon-right="fas fa-times-circle">Some tag</q-chip>
-            <q-btn dense flat>
-              <q-icon name="fas fa-plus" size="10px" class="q-mr-sm"/>new tag
-            </q-btn>
-          <q-input outlined dense v-model="tag" class="q-ml-sm"/>-->
-          <TagListField/>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Category</div>
-      <div class="col-9">
-        <q-select
-          outlined
-          dense
-          style="max-width: 300px"
-          v-model="category"
-          :options="categories"
-          requiteal
-        />
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Project documentation</div>
-      <div class="col-9">
-        <q-input outlined dense v-model="title" requiteal placeholder="http://"/>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Project thumbnail</div>
-      <div class="col-9">
-        <q-uploader
-          url="http://localhost:4444/upload"
-          label="Upload a square thumbnail for your project"
-          color="grey-4"
-          :max-file-size="1024"
-          auto-upload
-          accept=".jpg, image/*"
-          style="max-width: 300px; min-height: 300px"
-        />
-        <div class="text-caption">minimum size 1024x1024px, 1 Mb, jpeg or png format</div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">Detail photos</div>
-      <div class="col-9">
-        <q-uploader
-          url="http://localhost:4444/upload"
-          label="Add more pictures for your project"
-          color="grey-4"
-          multiple
-          auto-upload
-          hide-upload-btn
-          accept=".jpg, image/*"
-          style="max-width: 300px;  min-height: 300px"
-        />
-        <div class="text-caption">minimum size 1024x1024px, 1 Mb, jpeg or png format</div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="col-3">Downloads</div>
-      <div class="col-9">
-        <q-uploader
-          url="http://localhost:4444/upload"
-          label="Add source files for your project"
-          color="grey-4"
-          multiple
-          auto-upload
-          hide-upload-btn
-          style="max-width: 300px;  min-height: 300px"
-        />
-        <div class="text-caption">Any file type, 10 Mb maximum</div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-3">License</div>
-      <div class="col-9">
-        <q-select
-          outlined
-          dense
-          v-model="license"
-          :options="licenses"
-          requiteal
-          style="max-width: 300px"
-        />
-
-        <div
-          class="text-caption"
-        >Uploading the files you confirm you have the right to share them with the selected license</div>
-      </div>
-    </div>
-    <div class="row q-py-lg">
-      <div class="col-12">
-        <q-separator/>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <q-btn color="grey">Back</q-btn>
-      </div>
-      <div class="col text-right">
-        <q-btn color="grey-4" text-color="white" type="submit">Create project</q-btn>
-      </div>
-    </div>
-  </q-form>
-</template>
-
-<script>
-import VueTagsInput from "@johmun/vue-tags-input";
-import TagListField from "src/components/TagListField";
-export default {
-  // name: 'PageName',
-  components: {
-    VueTagsInput,
-    TagListField
-  },
-  data() {
-    return {
-      title: "",
-      description: "",
-      tag: "",
-      tags: ["Some Tag"],
-      category: "Category",
-      categories: [{ label: "Category", value: "category_slug" }],
-      license: "MIT",
-      licenses: [
-        { label: "MIT", value: "mit" },
-        { label: "Creative Commons CC-BY-NC", value: "cc-by-nc" }
-      ]
-    };
-  }
-};
-</script>
-
-<style>
-.project-form {
-  max-width: 800px;
-}
-</style>

src/pages/ProjectUpload.vue

@@ -5,12 +5,12 @@
     <div
       class="text-subtitle1 q-my-md"
     >Please fill in the project information. Fields marked with * are mandatory.</div>
-    <ProjectForm/>
+    <ProjectForm />
   </q-page>
 </template>
 
 <script>
-import ProjectForm from "src/components/ProjectForm";
+import ProjectForm from "src/components/project/ProjectForm";
 
 export default {
   // name: 'PageName',