vue-todo

Vue.js base project structure

• TypeScript
• Vue.js v3
• Composition API Style
• vuex v4
• vue-router v4
• firebase v8
• GitHub Actions（auto deploy to Firebase Hosting）

Points

• using Vue.js v3 x TypeScript.
• Vuex for TypeScript and implements type safe commit/dispatch/getter.
• providing firebase config values by environment variables.
• validating for authentication, by using firebase authentication and vue-router
• GitHubAction auto deploy to Firebase Hosting

Project setup

yarn install

setup env variables

• create .env.dev

VUE_APP_FIREBASE_API_KEY=hoge
VUE_APP_FIREBASE_AUTH_DOMAIN=hoge
VUE_APP_FIREBASE_PROJECT_ID=hoge
VUE_APP_FIREBASE_STORAGE_BUCKET=hoge
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=hoge
VUE_APP_FIREBASE_APP_ID=hoge
VUE_APP_FIREBASE_DATABASE_URL=hoge

Compiles and hot-reloads for development

yarn serve --mode=dev

Compiles and minifies for production

yarn build --mode=dev

Lints and fixes files

yarn format

Customize configuration

See Configuration Reference.