Nuxt, Typescript and Tailwind 2
With the features included
- nuxt-property-decorator
- vuex-module-decorators
- vuex-class
Build Setup
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate
Resources
Nuxt.js apps fully in TypeScript
Nuxt.js docs.
Class based components
Initializing a class
|
| Class API based |
Options API based (vanilla) |
//Typescript code
<script lang="ts">
import {(Component, Vue)} from 'nuxt-property-decorator'
@Component
export default class MyStore extends Vue {}
</script>
|
<script>
export default {
name: 'MyStore'
}
</script>
|
Importing a component
|
| Class API based |
Options API based (vanilla) |
//Typescript code
<script lang="ts">
import Tile from '@/components/Tile.vue'
import { Vue, Component } from 'nuxt-property-decorator'
@Component({
components: {
Tile
}
})
export default class MyStore extends Vue {}
</script>
|
<script>
import Tile from '@/components/Tile.vue'
export default {
name: 'MyStore',
components: {
Tile
}
}
</script>
|
