Hi there,

I'm in windows and used this configuration, but the app doesn't run:

// .vscode/launch.json
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "client: chrome",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "server: nuxt",
            "args": ["dev"],
            "osx": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            },
            "linux": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            },
            "windows": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            }
        }
    ],
    "compounds": [
        {
            "name": "fullstack: nuxt",
            "configurations": ["server: nuxt", "client: chrome"]
        }
    ]
}

is any idea how it would be?

Hi there,

I'm in windows and used this configuration, but the app doesn't run:

// .vscode/launch.json
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "client: chrome",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "server: nuxt",
            "args": ["dev"],
            "osx": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            },
            "linux": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            },
            "windows": {
                "program": "${workspaceFolder}/node_modules/.bin/nuxt-ts"
            }
        }
    ],
    "compounds": [
        {
            "name": "fullstack: nuxt",
            "configurations": ["server: nuxt", "client: chrome"]
        }
    ]
}

is any idea how it would be?

• nuxt v2.10.2
• @nuxtjs/toast v3.3.0

What is happening

It works, but an error is displayed on the terminal.
Property '$toast' does not exist on type 'Top'.

What I did

1. I created a TypeScript project based on nuxt-community/typescript-template
vue init nuxt-community/typescript-template mypj

2. Added @nuxtjs/toast
yarn add @nuxtjs/toast

3. A module has been loaded.
   nuxt.config.ts

{
  ...,
  modules: [
    ...,
    ['@nuxtjs/toast', {
      position: 'top-right',
      duration: 5000,
    }],
  ],
  ...,
}

1. I used $toast on page Top.
   pages/index.vue

<template>
  <button @click="click">Toast</button>
</template>


<script lang="ts">
import { Component, Vue } from "nuxt-property-decorator"

@Component
export default class Top extends Vue {
  private click() {
    this.$toast.show('Message')
  }
}
</script>

Question

The module is loaded and working, but an error is displayed.
Do I have anything else to do?

Hope there is a boilerplate for typescript + vuetify + express.

Any idea?

NOTE - Link to nuxtjs.cmty.io failed. Posting without using 3rd party app, please do not delete.

Version

v2.6.1

Reproduction link

Following install instructions in README.md
No other changes

Steps to reproduce

Following install instructions in README.md
No other changes

What is expected?

TypeScript works as expected…

What is actually happening?

pages/index.vue file throws a TypeScript error -
@State people:Person gives a error.

components/Card.vue file throws a TypeScript error -
@Prop() person: Person gives a error.

Additional comments?

The code is copied and pasted exactly.

Version

2.0

Reproduction link

https://jsfiddle.net/odzj1304/

Steps to reproduce

asyncData method not update property or print anything to console if i type console.log…

What is expected ?

Change title variable to "Test"

What is actually happening?

Leave title "A"

Is there a way to support TSX in render function? Unfortunately I can't make it to work.

Hello,

What is the correct way to implement a layout prop on nuxt with typescript?

My project has a login page which I show withot any layout (a blank layout) but if I refresh the page, the login page takes the defaulf layout, how can I prevent that?

Best regards!

Hello,

I'm trying to use The loading Property on my nuxt-typescript project, but, I'm gettin an error using 'this.$nuxt.$loading.start()' on my script, I think i'm missing an import, but I have no idea what should I import.

Any suggestions?

Best regards to everyone!

Version

2.0.0

Reproduction link

https://github.com/nuxt-community/typescript-template

Steps to reproduce

vue init nuxt-community/typescript-template my-project
cd my-project
npm i -S [email protected]
npm install
npm run dev

What is expected ?

Working nuxt.js installation with TypeScript support.

What is actually happening?

TypeError: Cannot set property 'ts' of undefined
  at Builder.extendBuild.config (modules/typescript.js:24:33)
  at Builder.<anonymous> (node_modules/nuxt/dist/nuxt.js:155:17)
  at WebpackClientConfig.extendConfig (node_modules/nuxt/dist/nuxt.js:3126:56)
  at WebpackClientConfig.extendConfig (node_modules/nuxt/dist/nuxt.js:3258:26)
  at WebpackClientConfig.config (node_modules/nuxt/dist/nuxt.js:3164:33)
  at WebpackClientConfig.config (node_modules/nuxt/dist/nuxt.js:3292:26)
  at Builder.webpackBuild (node_modules/nuxt/dist/nuxt.js:3879:56)
  at Builder.build (node_modules/nuxt/dist/nuxt.js:3590:16)
  at <anonymous>

What problem does this feature solve?

Use TypeScript 3 in this template

Could you update TypeScript in package.json

What problem does this feature solve?

https://nuxtjs.org/api/pages-fetch/

I would like support for the above Nuxt.js function such that the following code works:

export default Vue.extend({
  ...

  async fetch({ store }) {
    await store.dispatch('someAction');
  }
  ...
})

Currently, this is met with a TS2345 error since the argument is not declared in the Vue.js Typescript definitions. I'm not sure if the onus is on Nuxt here, or whether the Vue.js typescript project should offer something more general?

Looking at the template I see that current tsconfig.json doesn't have a "files" or "excluded" properties specified, does this mean that all [ts] files from "nodemodules" folder are being compiled? If I try to exclude "node_modules" I start getting compilation errors when I run "nuxt" command

I would like to set props paramater in TypeScript

this.$router.push( {name: 'nextPage', params: {id: 1, message: 'message'}} )

But it is occur error TS2345.

TS2345: Argument of type '{ name: string; params: { id: number; message: string; }; }' is not assignable to parameter of type 'RawLocation'.

Type '{ name: string; params: { id: number; message: string; }; }' is not assignable to type 'Location'.
Types of property 'params' are incompatible.
Type '{ id: number; message: string; }' is not assignable to type 'Dictionary<string> | undefined'.
Type '{ id: number; message: string; }' is not assignable to type 'Dictionary<string>'.
Property 'id' is incompatible with index signature.
Type 'number' is not assignable to type 'string'.

The implementation of the next page is as follows.

// nextPage
import {
  Component,
  Vue
} from "nuxt-property-decorator"
import { State } from "vuex-class"
import { print } from "util";
@Component({
  components: {
  },
  props: {
    id: {
      type: Number,
      default: -1
    },
    message: {
      type: String,
      default: 'default'
    }
  },
  watch: {
    message (oldVal, newVal) {
      console.log(oldVal, newVal)
    }
  }
})
export default class nextPage extends Vue {
  // @State people
  // function.
  created() {
    console.log('created before DOM')
  }
  mounted() {
    console.log('mounted after DOM')
  }
}

Please tell me how to implement correct props

Version

latest

Reproduction link

[not required](not required)

Steps to reproduce

• Create a normal typescript project by vue init nuxt-community/typescript-template my-project
• Replace nuxt dependencies with nuxt-edge
• Replace ts-loader with latest version of ts-loader (compatible with webpack 4.x)
• Run command nuxt dev

What is expected ?

The app to start normally as per this https://medium.com/nuxt/nuxt-2-is-coming-oh-yeah-212c1a9e1a67 which states no changes required for updating a nuxt 1.x project with nuxt 2.x project

What is actually happening?

Receiving an error

 INFO  Building project

✔ success Builder initialized
✔ success Nuxt files generated
✖ error TypeError: Cannot set property 'ts' of undefined
  at Builder.extendBuild.config (/Users/naveen/Downloads/nuxt/ts/modules/typescript.js:24:33)
  at Builder.<anonymous> (/usr/local/lib/node_modules/nuxt-edge/dist/nuxt.js:142:17)
  at WebpackClientConfig.config (/usr/local/lib/node_modules/nuxt-edge/dist/nuxt.js:11310:56)
  at Builder.webpackBuild (/usr/local/lib/node_modules/nuxt-edge/dist/nuxt.js:11881:56)
  at Builder.build (/usr/local/lib/node_modules/nuxt-edge/dist/nuxt.js:11592:16)
  at <anonymous>