N
Nuxt•4mo ago
___jsdev___

Any guideline on using Lit based web components in Nuxt project?

I'm new to Nuxt, just started to use today. I've some webcomponents coming from node_modules and some under web components folder. Where should I mention that these typescript assets must be converted and shipped to "dist" directory? Currently CustomElements.get('my-web-component') returns undefined as I don't see the corresponding file not being listed source panel of Chrome.
2 Replies
dwol
dwol•3mo ago
just saw this sorry, you need to set a vue config in the nuxt.config.ts 
vite: {
    vue: {
      template: {
        compilerOptions: {
          isCustomElement: tag => tag.includes('-')
        }
      }
    }
  },
vite: {
    vue: {
      template: {
        compilerOptions: {
          isCustomElement: tag => tag.includes('-')
        }
      }
    }
  },
dwol
dwol•3mo ago
Want results from more Discord servers?
Add your server
More Posts
how to chunk video file with fs.createReadStream on H3 and how to hundle it in frontend```ts import fs from "fs" import path from "path" function getFileNameFromPath(path: string) { Components changing as page transition starts instead of after leaveHello! I have a component that renders different content based on a prop that I am passing into it fpnpm run generate - not creating all pages in conten tSo can see pages with pnpm run dev ..,. pages are defined in content directory but do not see the pHow to come up with reproductions for production-only Nuxt crashes?We're having quite a few Sentry alerts in production due to stuff like manifest errors (similar to hComponent-Based Error Handling (SSR)?<NuxtErrorBoundry> component handles client-side errors happening in its default slot. But its not wSet Cache-Control header.How to set cache-control header to the contents of public directory?