Problem with using typescript decorator

[hatedMe]

import { Vue, Component, Prop } from "vue-property-decorator";
import Layout from "../Layout.vue";
@Component({
    components: {
        Layout,
    }
})
export default class extends Vue {
 // someing code 
}

Is there a feasible solution for the above code?

[drikusroor]

Hi @hatedMe I might have the same problem but I'm getting

Uncaught SyntaxError: Invalid or unexpected token (at SomePage.vue:39:1)

when I try to use vue-class-component. Is that the same error you are referring to?

[chessydk-vertica]

Hade the same problem and found out that I had enabled typescript decorators the wrong place, namely in tsconfig.app.json. It needs to go into your top level tsconfig.json - like this:

{
  "files": [],
  "compilerOptions": {
    "experimentalDecorators": true,
  },
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    }
  ]
}

[Fonigle]

Hade the same problem and found out that I had enabled typescript decorators the wrong place, namely in tsconfig.app.json. It needs to go into your top level tsconfig.json - like this:

{
  "files": [],
  "compilerOptions": {
    "experimentalDecorators": true,
  },
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    }
  ]
}

it works, you saved my day! thanks! @chessydk-vertica

[chessydk-vertica]

Glad to hear! Med venlig hilsen Carsten Hess Extern frontender E-mail: ***@***.******@***.***> Direct: +4551300250

…

________________________________ Fra: HuangYu ***@***.***> Sendt: 22. april 2024 10:45 Til: vitejs/vite-plugin-vue2 ***@***.***> Cc: Carsten Hess ***@***.***>; Comment ***@***.***> Emne: Re: [vitejs/vite-plugin-vue2] Problem with using typescript decorator (Issue #89) Hade the same problem and found out that I had enabled typescript decorators the wrong place, namely in tsconfig.app.json. It needs to go into your top level tsconfig.json - like this: { "files": [], "compilerOptions": { "experimentalDecorators": true, }, "references": [ { "path": "./tsconfig.node.json" }, { "path": "./tsconfig.app.json" } ] } it works, you saved my day! thanks! — Reply to this email directly, view it on GitHub<#89 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BEJCGV3OERTJBEZTRJFAODDY6TEZLAVCNFSM6AAAAAAZ7X52SOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANRYHAZTEOJVGQ>. You are receiving this because you commented.Message ID: ***@***.***>