Nuxt2-ts-storybook : template 1

• Installed dependencies + configurations
  • Nuxt bridge
    • package.json change
    • Config changes
  • Typescript
    • nuxt-property-decorator
  • SASS
    • Sass
    • @nuxtjs/style-resources

Starter projects with different dependencies and setups, ready to use

Installed dependencies + configurations

Nuxt bridge

• Nuxt 2 (Created with yarn create nuxt-app )
  • Npm option: Javascript (Typescript is added manually)
• Nuxt-edge (migration)

Command: yarn add --dev @nuxt/bridge@npm:@nuxt/bridge-edge

package.json change

"scripts": { "dev": "nuxi dev", "build": "nuxi build", "start": "nuxi preview" },

Config changes

• package.json - updated "scripts"
• nuxt config: use "defineNuxtConfig"
• tsconfig: "extends": "./.nuxt/tsconfig.json",

Command: npx nuxi prepare (generate .nuxt/tsconfig.json )

Add package std-env (fix std-env error)

Typescript

nuxt-property-decorator

To use with class based components

SASS

Sass

Sass

@nuxtjs/style-resources

To enable use of sass variables etc in vue components