Remove upload image on sidebar. Move it to its own page

src/App.vue

 <template>
   <div id="app">
+    <header>
+      <nav>
+        <router-link :to="`/`" class="p-4">Home</router-link>
+        <router-link :to="`/upload`">Upload</router-link>
+      </nav>
+    </header>
     <router-view />
   </div>
 </template>

src/router/index.js

 import Vue from "vue";
 import VueRouter from "vue-router";
 import Home from "../views/Home.vue";
+import UploadNew from "../views/UploadNew.vue"
 import ImageView from "../views/ImageView.vue";
 
 Vue.use(VueRouter);
@@ -11,6 +12,11 @@ const routes = [
     name: "Home",
     component: Home,
   },
+  {
+    path: "/upload",
+    name: "UploadNew",
+    component: UploadNew,
+  },
   {
     path: "/:page",
     name: "Page",

src/views/Home.vue

@@ -9,7 +9,6 @@
           class="stroke-current text-gray-500 hover:text-gray-600"
         ></IconXCircle>
       </button>
-      <ImageUpload></ImageUpload>
       <TagCreation></TagCreation>
       <UserAuthentication class="absolute bottom-0"></UserAuthentication>
     </section>

src/views/UploadNew.vue

+<template>
+  <div>
+    <image-upload></image-upload>
+  </div>
+</template>
+
+<script>
+import ImageUpload from "../components/ImageUpload.vue";
+
+export default {
+  components: {
+    ImageUpload,
+  },
+};
+</script>
\ No newline at end of file