diff --git a/public/index.html b/public/index.html index 3e5a139..8aedd91 100644 --- a/public/index.html +++ b/public/index.html @@ -5,13 +5,9 @@ - <%= htmlWebpackPlugin.options.title %> + Vue 3 -
- diff --git a/src/App.vue b/src/App.vue index a753dba..77ae81f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,30 +1,72 @@ + + diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index b9f3c7d..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - diff --git a/src/components/Post.vue b/src/components/Post.vue new file mode 100644 index 0000000..7a33586 --- /dev/null +++ b/src/components/Post.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/src/components/PostForm.vue b/src/components/PostForm.vue new file mode 100644 index 0000000..49b81cb --- /dev/null +++ b/src/components/PostForm.vue @@ -0,0 +1,69 @@ + + + + + diff --git a/src/components/PostList.vue b/src/components/PostList.vue new file mode 100644 index 0000000..9587b63 --- /dev/null +++ b/src/components/PostList.vue @@ -0,0 +1,36 @@ + + + + + diff --git a/src/components/ui/Button.vue b/src/components/ui/Button.vue new file mode 100644 index 0000000..c9f3f0a --- /dev/null +++ b/src/components/ui/Button.vue @@ -0,0 +1,21 @@ + + + + + diff --git a/src/components/ui/Dialog.vue b/src/components/ui/Dialog.vue new file mode 100644 index 0000000..d5929e9 --- /dev/null +++ b/src/components/ui/Dialog.vue @@ -0,0 +1,45 @@ + + + + + diff --git a/src/components/ui/Input.vue b/src/components/ui/Input.vue new file mode 100644 index 0000000..7844587 --- /dev/null +++ b/src/components/ui/Input.vue @@ -0,0 +1,31 @@ + + + + + diff --git a/src/components/ui/index.js b/src/components/ui/index.js new file mode 100644 index 0000000..3a9ccf1 --- /dev/null +++ b/src/components/ui/index.js @@ -0,0 +1,9 @@ +import Button from '@/components/ui/Button.vue'; +import Input from '@/components/ui/Input.vue'; +import Dialog from '@/components/ui/Dialog.vue'; + +export default [ + Button, + Input, + Dialog +] diff --git a/src/main.js b/src/main.js index a92f228..287dca4 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,12 @@ import { createApp } from 'vue' -import App from './App.vue' -import router from './router' -import store from './store' +import App from './App'; -createApp(App).use(store).use(router).mount('#app') +import components from '@/components/ui'; + +const app = createApp(App); + +components.forEach(component => { + app.component(component.name, component) +}) + +app.mount('#app') diff --git a/src/router/index.js b/src/router/index.js deleted file mode 100644 index d3a856e..0000000 --- a/src/router/index.js +++ /dev/null @@ -1,25 +0,0 @@ -import { createRouter, createWebHistory } from 'vue-router' -import HomeView from '../views/HomeView.vue' - -const routes = [ - { - path: '/', - 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(/* webpackChunkName: "about" */ '../views/AboutView.vue') - } -] - -const router = createRouter({ - history: createWebHistory(process.env.BASE_URL), - routes -}) - -export default router diff --git a/src/store/index.js b/src/store/index.js deleted file mode 100644 index 7f5b89c..0000000 --- a/src/store/index.js +++ /dev/null @@ -1,14 +0,0 @@ -import { createStore } from 'vuex' - -export default createStore({ - state: { - }, - getters: { - }, - mutations: { - }, - actions: { - }, - modules: { - } -}) diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 3fa2807..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue deleted file mode 100644 index e8d96d7..0000000 --- a/src/views/HomeView.vue +++ /dev/null @@ -1,18 +0,0 @@ - - -