The future of Nuxt.js with TypeScript

Slide 1

Slide 1 text

The future of Nuxt.js w/ TypeScript 2019.1.30 @andoshin11

Slide 2

Slide 2 text

Who am I? Shin Ando (a.k.a Andy) @andoshin11 - Frontend Developer at FOLIO - Vue.js Japan Users Group - 好きなもの: 鴨川 Vue / Nuxt / React / Flutter / Go / Ruby etc... 2

Slide 3

Slide 3 text

3 ブログやってます

Slide 4

Slide 4 text

4 Nuxt.js v2.4 Released

Slide 5

Slide 5 text

nuxt-ts distribution! ⊙ Auto generate tsconfig.json ⊙ Still experimental 5 distributions/nuxt-ts/bin

Slide 6

Slide 6 text

Officially supported! ⊙ TypeScript ⊙ TSX 6 packages/builder/src/builder.js

Slide 7

Slide 7 text

TypeScript for layouts 7 packages/builder/src/builder.js

Slide 8

Slide 8 text

TypeScript for routes 8 packages/builder/src/builder.js

Slide 9

Slide 9 text

Default Loader rules ⊙ Enhanced build.loaders options 9 packages/webpack/src/config/base.js

Slide 10

Slide 10 text

Official Type Definition ⊙ Context Type 10 packages/vue-app/types/index.d.ts

Slide 11

Slide 11 text

Official Type Definition ⊙ Context Type ⊙ Pages API Type 11 packages/vue-app/types/vue.d.ts

Slide 12

Slide 12 text

Enable Today! 12

Slide 13

Slide 13 text

13 Migrating to v2.4.0 https://github.com/andoshin11/studio-andy/pull/105

Slide 14

Slide 14 text

14 A few more things...

Slide 15

Slide 15 text

New options! ⊙ useForkTsChecker 15 packages/webpack/src/config/client.js

Slide 16

Slide 16 text

WIP: More Type Definitions 16 Pull Request #4854

Slide 17

Slide 17 text

WIP: Better TSX ecosystem ⊙ Working with Vue core team ⊙ #9369 ⊙ #9379 17 Pull Request #4855