question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

nuxt-property-decorator + typescript

See original GitHub issue
  • I have searched through existing issues
  • I have read through docs
  • I have read FAQ (lol there is no FAQ.md)
  • I have tried restarting VS Code or running Vetur: Restart VLS

Info

  • Platform: Win
  • Vetur version: latest 😉 (0.31.3)
  • VS Code version: latest 😉 (1.52)

Problem

there is no auto-completion / IntelliSense for props and data on custom component using nuxt-property-decorator and typescript

Reproducible Case

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
Zenthaecommented, Dec 17, 2020

you’re my savior ^^ if anyone get the same problem t :

module.exports = {
  projects: [
    {
      root: './',
      globalComponents: [
        // Nuxt components folder
        './components/**/*.vue',
      ],
    },
  ],
};

in vetur.config.js and you need to restart the language server or you editor ^^

0reactions
SimplyCoreycommented, Apr 20, 2022

Facing the same issue with the next directories and I have not been able to find a solution.

Essentially, we have the following folder setup:

Ui/
     Button.vue

We use @nuxt/components for autoloading (per https://nuxtjs.org/docs/directory-structure/components/#nested-directories )and reference the component in our files as <UiButton>.

The file that vetur generates when viewing vetur doctor has these lines which does not allow vetur to pick up the UiButton component correctly.

{
  "name": "Button",
  "path": "/resources/nuxt/components/block/settings/Button.vue"
},
Read more comments on GitHub >

github_iconTop Results From Across the Web

nuxt-community/nuxt-property-decorator - GitHub
Nuxt Property Decorator. Handy ES / TypeScript decorators for class-style Vue components in Nuxt (based on Vue class component) and Property decorators for ......
Read more >
nuxt-property-decorator - npm
nuxt -property-decorator. TypeScript icon, indicating that this package has built-in type declarations. 2.9.1 • Public • Published 2 years ...
Read more >
Top 5 nuxt-property-decorator Code Examples - Snyk
To help you get started, we've selected a few nuxt-property-decorator examples, based on popular ways it is used in public projects.
Read more >
Nuxt-property-decorator - npm.io
Handy ES / TypeScript decorators for class-style Vue components in Nuxt (based on Vue class component) and Property decorators for Vue (bases on...
Read more >
nuxt-property-decorator examples - CodeSandbox
Learn how to use nuxt-property-decorator by viewing and forking example apps that make use of nuxt-property-decorator on CodeSandbox.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found