From 67877bad5e9a54fc57e06f085284d9f54ec48b1b Mon Sep 17 00:00:00 2001 From: Amro Alfien Date: Wed, 20 Nov 2024 20:32:53 +0700 Subject: [PATCH] feat(home): hero & button component --- index.html | 10 +++++----- src/App.vue | 8 +------- src/components/CaButton.vue | 8 ++++++++ src/components/MainHero.vue | 35 +++++++++++++++++++++++++++++++++++ src/components/TheWelcome.vue | 20 -------------------- src/router/index.js | 16 ++++++++-------- src/views/AboutView.vue | 5 ----- src/views/HomeView.vue | 6 ++++-- 8 files changed, 61 insertions(+), 47 deletions(-) create mode 100644 src/components/CaButton.vue create mode 100644 src/components/MainHero.vue delete mode 100644 src/components/TheWelcome.vue delete mode 100644 src/views/AboutView.vue diff --git a/index.html b/index.html index b19040a..b8a4e05 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,12 @@ - + - - - + + + Vite App - +
diff --git a/src/App.vue b/src/App.vue index 60eb228..13ee9ea 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,13 +1,7 @@ diff --git a/src/components/CaButton.vue b/src/components/CaButton.vue new file mode 100644 index 0000000..8544f8c --- /dev/null +++ b/src/components/CaButton.vue @@ -0,0 +1,8 @@ + diff --git a/src/components/MainHero.vue b/src/components/MainHero.vue new file mode 100644 index 0000000..0eb464f --- /dev/null +++ b/src/components/MainHero.vue @@ -0,0 +1,35 @@ + + + diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue deleted file mode 100644 index 45a4f70..0000000 --- a/src/components/TheWelcome.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/src/router/index.js b/src/router/index.js index 3e49915..8ec265a 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -9,14 +9,14 @@ const router = createRouter({ name: 'home', component: HomeView, }, - { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (About.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import('../views/AboutView.vue'), - }, + // { + // path: '/about', + // name: 'about', + // // route level code-splitting + // // this generates a separate chunk (About.[hash].js) for this route + // // which is lazy-loaded when the route is visited. + // component: () => import('../views/AboutView.vue'), + // }, ], }) diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 0dce204..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index cf9998a..b5a2dd1 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,7 +1,9 @@ - +