├── .gitignore ├── .vscode └── extensions.json ├── README.md ├── index.html ├── package-lock.json ├── package.json ├── public └── favicon.ico ├── src ├── App.vue ├── components │ ├── ArticleCard.vue │ ├── ArticleDetail.vue │ ├── ArticleForm.vue │ ├── Login.vue │ ├── Navbar.vue │ ├── Register.vue │ ├── ValidationError.vue │ └── index.js ├── contstants │ └── index.js ├── helpers │ └── persistaneStorage.js ├── main.js ├── modules │ ├── articles.js │ ├── auth.js │ ├── control.js │ └── types.js ├── router │ └── index.js ├── service │ ├── articles.js │ ├── auth.js │ └── axios.js ├── store │ └── index.js ├── ui-components │ ├── Button.vue │ ├── Input.vue │ ├── Loader.vue │ ├── TextArea.vue │ └── index.js └── views │ ├── ArticleDetailView.vue │ ├── CreateArticleView.vue │ ├── EditArticleView.vue │ ├── HomeView.vue │ ├── LoginView.vue │ ├── RegisterView.vue │ └── index.js └── vite.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # sammi-vue 2 | 3 | This template should help get you started developing with Vue 3 in Vite. 4 | 5 | ## Recommended IDE Setup 6 | 7 | [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). 8 | 9 | ## Customize configuration 10 | 11 | See [Vite Configuration Reference](https://vitejs.dev/config/). 12 | 13 | ## Project Setup 14 | 15 | ```sh 16 | npm install 17 | ``` 18 | 19 | ### Compile and Hot-Reload for Development 20 | 21 | ```sh 22 | npm run dev 23 | ``` 24 | 25 | ### Compile and Minify for Production 26 | 27 | ```sh 28 | npm run build 29 | ``` 30 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 11 | 15 |20 | {{ article.title }} 21 |
22 |{{ article.body.slice(0, 250) }}
23 | 50 |{{ article.title }}
6 |Description:
9 |{{ article.description }}
10 |Created at:
13 |{{ new Date(article.createdAt).toLocaleDateString('us') }}
14 |Updated at:
17 |{{ new Date(article.updatedAt).toLocaleDateString('us') }}
18 |{{ article.author.bio }}
32 |Body:
35 |{{ article.body }}
36 |Create article
3 |Edit article
3 |