Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error: Using this with Nuxt 3 fails #31

Open
itszooper opened this issue Aug 14, 2022 · 4 comments
Open

Error: Using this with Nuxt 3 fails #31

itszooper opened this issue Aug 14, 2022 · 4 comments

Comments

@itszooper
Copy link

I tried installing Ninja keys with Nuxt 3, but I keep getting lots of errors. Any ides on how to use this?

Here's a repro - https://stackblitz.com/edit/nuxt-starter-sgpcca?file=app.vue

@itszooper itszooper changed the title How do we use this with Nuxt 3? Error: Using this with Nuxt 3 fails Aug 14, 2022
@itszooper
Copy link
Author

@ssleptsov Any idea on how to fix this?

@Mokkapps
Copy link

Mokkapps commented Aug 4, 2023

This is a working Nuxt 3 example if someone needs a working example: https://stackblitz.com/edit/github-q9qsjo?file=app.vue

@ssleptsov maybe we can link this as an official demo on the README?

@gsabater
Copy link

gsabater commented Mar 16, 2024

@itszooper and @Mokkapps
If you plan to use it with nuxt, dont forget to add "ninja-keys" as a custom components in nuxt.config

vite: {
    vue: {
      template: {
        compilerOptions: {
          isCustomElement: (tag) => ['ninja-keys'].includes(tag),
        },
      },
    },
  },

@Mokkapps
Copy link

@itszooper and @Mokkapps If you plan to use it with nuxt, dont forget to add "ninja-keys" as a custom components in nuxt.config

vite: {
    vue: {
      template: {
        compilerOptions: {
          isCustomElement: (tag) => ['ninja-keys'].includes(tag),
        },
      },
    },
  },

Yes, good point. I updated my StackBlitz example with this information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants