Skip to content

Vue3 boilerplate with storybook, unit testing, generators, typescript, pinia, vue-router

License

Notifications You must be signed in to change notification settings

fazulk/vue3-ts-boilerplate

Repository files navigation

Vue3 TS Boilerplate (slim)

The goal of this project is to effectively add minimal dependencies that actually work for the vue/ts/vite ecosystem. No insane animation libraries here!

  • vue3
  • typescript
  • pinia for state mgmt
  • vue-router
  • eslint
  • prettier
  • storybook
  • unit tests/code cov (vitest & testing library)
  • generators (plop)

testing & storybook examples: src/components/examples

Project Setup

use yarn
node 16

yarn

Compile and Hot-Reload for Development

yarn dev

Type-Check, Compile and Minify for Production

yarn build

Deploy

.. coming soon ..

Storybook

With interaction testing

yarn storybook

Unit Tests

Using Vitest

yarn test

Generate new files

Create new Components/Views/Stores
By default adds a unit test and includes option to add story.

yarn generate