From 3121d4b0b04e892cf36d3d4396e46f095a78d2ba Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Thu, 9 Sep 2021 04:17:01 +0700
Subject: [PATCH] Remove upload image on sidebar. Move it to its own page
---
src/App.vue | 6 ++++++
src/router/index.js | 6 ++++++
src/views/Home.vue | 1 -
src/views/UploadNew.vue | 15 +++++++++++++++
4 files changed, 27 insertions(+), 1 deletion(-)
create mode 100644 src/views/UploadNew.vue
diff --git a/src/App.vue b/src/App.vue
index db7ec5d..b31aeb7 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 36c3ea8..4b97e45 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 b3084c4..6b2cdeb 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 0000000..5eb213c
--- /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
--
GitLab