Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/newtmagalhaes/vue_poc_spa
Vue.ts Proof of concept in Single Page App
https://github.com/newtmagalhaes/vue_poc_spa
Last synced: 1 day ago
JSON representation
Vue.ts Proof of concept in Single Page App
- Host: GitHub
- URL: https://github.com/newtmagalhaes/vue_poc_spa
- Owner: newtmagalhaes
- License: gpl-3.0
- Created: 2023-04-26T23:33:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-09T12:30:48.000Z (over 1 year ago)
- Last Synced: 2024-11-18T05:30:57.706Z (2 months ago)
- Language: Vue
- Size: 185 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue_poc_spa
Proof of concept with `Vue.ts` Single Page Application.
Project made with [`primevue`](https://primevue.org/).
Using components: Dataview, Toast and DynamicDialog.
## Type Support for `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
## Project Setup
```sh
npm install
```
> :warning: With 2 terminal tabs open, execute each command below in one tab, to run the application and the API simultaneously
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Run a local API with `json-server`
```sh
npm run backend
```
## Project goals
| method | status | observations |
| :--------- | :----------------: | :-------------------------------------: |
| **C**reate | :white_check_mark: | - |
| **R**ead | :white_check_mark: | - |
| **U**pdate | :x: | API call works but interface isn't done |
| **D**elete | :white_check_mark: | - |