diff --git a/src/App.vue b/src/App.vue index db7ec5d569cb5ce68fed9207da970da3e6d94c4b..b31aeb724c9c41c84fba9e6f0d7783bcd6d860b5 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,11 @@ <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> diff --git a/src/router/index.js b/src/router/index.js index 36c3ea870ec9f75d1db8f56fe2308afbed9740f7..4b97e454968b1fb815593503510a6d1dcab61c5a 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,6 +1,7 @@ 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", diff --git a/src/views/Home.vue b/src/views/Home.vue index b3084c460876c68cfb527ee4574a53b151ac0299..6b2cdeb131259714d5ef418b32a036c9a58eeef4 100644 --- a/src/views/Home.vue +++ b/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> diff --git a/src/views/UploadNew.vue b/src/views/UploadNew.vue new file mode 100644 index 0000000000000000000000000000000000000000..5eb213cac7397f8c49af98869dcdc661c8f0dd92 --- /dev/null +++ b/src/views/UploadNew.vue @@ -0,0 +1,15 @@ +<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