Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Socket io client crash my website on safari

My website crash when it receive data from a socket io server, there is no error in console the website lost reactivity i don't have the issue on chrome...

ChartJS not showing

Hi! I recently tried to add a chart with the help of chart.js, I reused the code from the vue-chart-3 documentation (https://vue-chart-3.netlify.app/guide/examples/vue3.html which brought me to https://codesandbox.io/p/sandbox/demo-vue-chart-3-ugynm?from-embed) but unfortunately nothing is displayed on my page, I tried many other things, including adding a plugins/chartjs.client.ts file, but nothing changes, it still does not display.
No description

How can make my project's module composables be used my the server?

Hey Nuxt people! I have a basic Shopify module that is working correctly for me: ```ts import {...

Nuxt img is not preloading in ssr somehow

Hi guys! Why is my NuxtImg not preloads in ssr?...

500 Server error, but not for everybody

EDIT Got saved on cloudflare, was obviously my fault. Thanks for reading anyway 🙂 Hello all,...
No description

Include built CSS in module bundle

I'm building a UI Module based on Shadcn-vue and Tailwind. When using the playground app everything is fine since tailwind is installed in the module and can build the CSS correctly. But when using the module in a consuming app, I have no CSS for my module's components. Is there a way to provide CSS alongside my module code ? I tried to make tailwind build the CSS and add it to dist in the module build pipeline, but the module build process erases the css file, and fails if its missing (since its declared as an export in my package.json). Better yet, is there a way for my module to only provide components with tailwind classes, and let the tailwind installation of the consuming app build the css based on what's used ?...

Route aliases and named views

I have this page: ```js definePageMeta({ name: 'PurchaseError', path: '/purchase-error/:token?',...

Nuxt upgrade from 3.17.5 to 3.17.6 causing 500 "Unable to find global scope" with plugins

Dear Nuxt-Team, having issues with the latest upgrade and am a bit lost on what could be causing this - i could not find anything in the release notes that would indicate something should break here Defining a plugin that imports a SwaggerClient (package swagger-client https://www.npmjs.com/package/swagger-client) instance (i don't even have to use it) caused the error "Unable to find global scope. Are you sure this is running in the browser?" so obviously a SSR problem - however until the patch upgrade there were no such issues and nothing has changed with the package...
No description

Issues with Vue Router

I recently built my Nuxt application and dockerized it, only to see that for some unknown mystical reason when i am in my login page it auths me without any problems ( this is because its in a compose with the backend) the fact is that it gives me an error: foxactivity | [Vue Router warn]: No match found for location with path "/auth/login" Honestly, i don't know from where the path "/auth/login" its coming from, it really does not exist in the whole project,or at least, it has existed before, ...

nuxt ui and nuxt ui-pro with nuxt 4 compatibility

has anyone else got nuxt ui to work with nuxt 4? i assumed since nuxt 4 is so close that nuxt ui would work but i am getting a few error: ```...

Prevent Nuxt Image from transforming SVGs inside Nuxt Content

Is there anyway to prevent Nuxt Image from transforming SVGs when they are written in the markdown format, besides the obvious <img> tag? Example:
[![Deploy to NuxtHub](https://hub.nuxt.com/button.svg)](https://hub.nuxt.com/new?repo=atinux/content-wind)
[![Deploy to NuxtHub](https://hub.nuxt.com/button.svg)](https://hub.nuxt.com/new?repo=atinux/content-wind)
...

Use Icon from @nuxt/icon in my own Nuxt module

I'm developping a module to use as a component library for multiple projects of a client and I need it to feature icons. I used installModule('@nuxt/icon') in my module's module.ts, but when using <Icon> in the components from my module, I face an error. How am I supposed to import components from an other module into my own module's code ?

Nuxt UI DropDownMenuItem avatar size

When replicating Nuxt UI dashboard, there is a teams ref const teams = ref([{ label: 'Nuxt', avatar: { src: 'https://github.com/nuxt.png',...

Does nuxt depend on node

If I create a nuxt project with SSR false to create a simple SPA, will it still rely on node and nitro or will it be a full client-side solution ?

How to get root path of a nuxt project?

I am trying to make nuxt create new directories for me during build step. How can I do it? I am using mkdirSync(join(process.cwd(), 'new-dir')) on nuxt's ready build hook but it ofc creates the directory on the path where I run the build command because of process.cwd(). How can I get build's root directory?...

NuxtUI Card

How can I align the footer so that it is always at the same height, even if the content of one card is longer?
No description

form resetting after submission

Hey folks here is my code for login page
No description

[TailwindCSS V4] Cannot apply utility class ... (In the style tag)

Heya! I'm working on a component using Tailwind CSS, and I’m running into this error:
[plugin:@tailwindcss/vite:generate:serve] Cannot apply utility class `md:flex` because the `md` variant does not exist.
[plugin:@tailwindcss/vite:generate:serve] Cannot apply utility class `md:flex` because the `md` variant does not exist.
Here’s my component code for context:...

useFetch lazy SEO

Hello Kapa I want my website to be SEO friendly. Can I use lazy: true with useFetch ?...

Exclude properties from useFetch

Hey there, is it possible to exclude some properties when using useFetch? I've seen the transform-function and the pick-function. With the former it would be possible, however the property is still transfered for the server but only ommited for the client. Is there something similar like pick to omit the property on the server request aswell?...