https://github.com/webmasterdevlin/vuex-4-ts-course-starter

Starter code for the Vuex 4 ts course
https://github.com/webmasterdevlin/vuex-4-ts-course-starter

vue3-typescript vuex4

Last synced: about 1 year ago
JSON representation

Starter code for the Vuex 4 ts course

• Host: GitHub
• URL: https://github.com/webmasterdevlin/vuex-4-ts-course-starter
• Owner: webmasterdevlin
• License: mit
• Created: 2021-01-03T21:44:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-10T06:41:06.000Z (almost 5 years ago)
• Last Synced: 2025-01-26T13:30:09.984Z (over 1 year ago)
• Topics: vue3-typescript, vuex4
• Language: Vue
• Homepage:
• Size: 490 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# vuex course

### What to build in order

- upgrade/migrate to Vue.js 3

- npm i bootstrap 5 next

- npm i  bootstrap-icon

- Navbar

- Heroes (class card)

- npm i vue-router next

- Router

- npm i vuex 4 next

- Setup Vuex 4 - hero module

- Get Request (v-for)

- Delete Request (class btn btn-danger)

- Post Request (Form)

- Put Request (editingTracker, v-if, v-else)

- Done! Now do the Villain part with its own page and Vuex module.

### Vuex Setup

- create store

- write a module

- write a state

- npm i axios

- write an api service

- write a type

- write an action

- write a mutation

- write a getter

- update components with mapGetters and mapActions

- npm i concurrently json-server

- copy-paste db.json