Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

index.vue has no content

Why /pages/index.vue showing without content? index.vue ```html <template>...
No description

Nuxt app to production using docker

Hey guys, I am trying to deploy my nuxt app to production using docker. I have already found countless articles about that topic but they dont actually deploy to production but rather the development version. I tried coming up with my own solution but I am unsure if this is actually correct or if this introduces a few security concerns: ```docker ARG NODE_VERSION=22.11.0...

Scss and tailwind on nuxt

Hi guys, i have troubles settings scss. In the config i have, scss works but create lot of files (2 per .scss file), i would like all scss file be compiled on one single file. Also i addes tailwind and i would like to make it work too. If you could help me to understand, thank you. ...
No description

Ignore query params in Nitro prerender

Does anyone know how to ignore query params when using Nitro prerender in Nuxt 3? It crawls every URL, including ones with query params. I want them to be ignored by the crawler.

ExperimentalWarning error after Installation on Node 23.3

After the installation is completed, I'm getting this error: ` ERROR (node:203) ExperimentalWarning: CommonJS module /frontend/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js is loading ES Module /frontend/node_modules/supports-color/index.js using require(). 11:36:35 PM Support for loading ES Module in require() is an experimental feature and might change at any time (Use node --trace-warnings ... to show where the warning was created)...

useCookie returns undefined

```ts onMounted(() => { fetchUsers() console.log(useCookie('token').value) })...
No description

cache

When using nuxt routerules and swr, is it possible to ingnore the query parameters when caching the page so that all pages with same path but different query parameters use the same cache?

Nuxt ui and Nuxt prisma

i'm using nuxt prisma is work perfect but when install nuxt ui it's error ``` ERROR RollupError: node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or <eof> (Note that you need plugins to import files that are not JavaScript) nitro 21:27:12
1: import { PrismaClient } from "@prisma/client";...
No description

How to avoid duplicated requests between the server side of two island components?

Hey, I have 3 island components (I use the concept with .server.vue and .client.vue files by island component). I want to fetch the same data from the 3 components, from server side. ...

reactive issue: component <-> composable

Hi, i have a composable useThemeConfig which exports a reactive themeConfig: ``` export function useThemeConfig() { const themeConfig: ThemeConfig = reactive({ themeLight: {...

nuxt theme docus + pinceau

We're using both in elk.zone and nimbus.town docs, is there a way to configure the dark/light color other than this (check the screenshot or the PR)? I don't have access to the documentation and the types not working properly. https://github.com/nimbus-town/nimbus/pull/34...
No description

dumb question: cache usage with useFetch

Hey guys - I couldn't find the answer in the official docs. What is the correct way to cache API responses based on keys ? I understand that passing a key is to de-duplicate requests between server/side rendering, but I thought it alone would be enough to cache requests - to avoid hitting the API and instead grab from disk cache. Apparently I need to pass a cache key - is that it ? Indeed I need to force cache whenever I need to ? ...

Sharing types across a custom devtool module and client

I am playing around with the devtools kit and wondering how I would create types that are part of the module but also shared to the client (app packaged within the devtools module). In the documentation regarding the custom rpc functions: https://devtools.nuxt.com/module/guide#custom-rpc-functions it gives an example of the types with rpc-types.ts as a filename. Later, they show these types being accessed from the sub app (client) directory. How would that work? Is there a way to bundle those...

Issue with Vue 3 + Nuxt 3 useFetch Data Not Displaying in Template

Background I’m building an app using Nuxt 3 and Vue 3 (Node v20.18.0). I’m running into a fundamental issue with template reactivity when trying to display data fetched with useFetch. Specifically: - I can log the data from useFetch in <script setup>, and the data is correct. - However, when binding to the fetched data in the template, the expected reactivity doesn’t occur....

Get data before app launch

I want to get data from api before my website display data

i18n not working in single export default functions

Im trying to use i18n in a single file with a export default function bye using "useI18n()". But i get an error "Unhandled Promise Rejection: SyntaxError: Must be called at the top of a setup function"...

postcss-import error: unknown word

I'm trying to use the Nuxt UI v3 in my Vue widget. But after migrating everything and running the project, I get this: ``` [vite] Internal server error: [postcss] postcss-import: /chat-widget/nodemodules/.pnpm/@[email protected]@[email protected]_@[email protected][email protected]_postcss@8_lxn532lth7hchnumafqdurobby/node_modules/@nuxt/ui/dist/module.mjs:1:16: Unknown word Plugin: vite:css...

Nuxt 3 + Qiankun

Has anyone already attempted this integration? I'm using a Nuxt 3 host application with Qiankun, which loads several Vue 3 micro-apps built with Vite and the qiankun-vite-plugin. However, I'm having trouble exposing the Qiankun lifecycle hooks in my Nuxt 3 sub-app and subsequently loading it into the host....