NuxtPage seem to work when using shadcn sidebar
I'm new to vue in general and I was following the shadcn setup instructions for the sidebar. For some reason when I use
<NuxtPage /> Nothing seems to render however it gets fixed when i use <slot/>. Is this expected or am i doing something wrong?
```vue
<script setup lang="ts">
import AppSidebar from "@/components/AppSidebar.vue"...RollupError related to Vue5.8.3(?)
Hi there! When I try to build my Nuxt 4 project I get an error that I can't figure out how to fix:
...
[3:16:24 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/server.mjs (1:7): "default" is not exported by "node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue/index.mjs", imported by "node_modules/.cache/nuxt/.nuxt/dist/server/server.mjs".
[3:16:24 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/server.mjs (1:7): "default" is not exported by "node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue/index.mjs", imported by "node_modules/.cache/nuxt/.nuxt/dist/server/server.mjs".
Websockets stopped working - no live reloads
My nuxt 4 projects mysteriously stopped connecting via ws for live reloads. Any idea how to debug that?
Server side only - Detect iPads (mac-like user agent)
th: Hi, iPads (like iPad Air/Pro ) present themselves like macOS. Is there a server-side only way to detect these iPads? I am not looking for a client-side trick.
Cached HTTP requests when using useAsyncData with pnpm as package manager?
I discovered a bug where our http requests to our backend wrapped with useAsyncData all use the same cached body from the first time the api is called until the page is reloaded and this only happens when the packages are installed and the app is run with pnpm. This stops happening when we remove useAsyncData or add a key, can anyone help me from going insane because of this bug?
nuxt-auth-utils not updating user on client
Hi, almost complete Nuxt noob here
I'm working on a Nuxt app with
nuxt-auth-utils. Our authentication tokens have a short validity period during which they don't need to be revalidated, so as part of the user session created with setUserSession() we store the expiry time, and then on the client check that time to see if we need to revalidate.
The problem is that, once we do revalidate, the user session on the client is never updated....is there a nuxt config preset to do do ssr only if user agent is is crawer or robot (google etc) ?
ssr is reducing the performance of my app I don't want it but need it for SEO
change in button sizes from nuxt-ui 3 latest to 4.0.0.alpha 1
has there been a change in the default scales or sizes or themes or something.. a component has suddenly seen the icon buttons including the hanburger icon in dshboardmenubar and colorbutton and regular iconbutton all grow compared to before update but the navbar title stayed the same size 🤔
Problems with 4.1.1 and reka-ui?
Has anyone had problems with Nuxt 4.1.1 and reka-ui?
Our build fails when using 4.1.1 and reka-ui.
```...
Missing documentation for `rt` in i18n
In the i18n vue docs https://vue-i18n.intlify.dev/api/composition#tm-key it uses
rt in under the info for tm(key). There is a link to rt where it says in the docs "You need to use rt for the locale message returned by tm. see the rt details." but the link to that section of the docs doesn't exist (it tries to navigate to https://vue-i18n.intlify.dev/api/composition.html#rt-message). Trying to use rt I'm getting a "TypeError: Cannot convert object to primitive value" in one component (e...Cannot find name `process`
Started a new nuxt 4 project, but unable to use
process.env.NUXT_ENV_NAME_HERE
error message:
``
Cannot find name process . Do you need to install type definitions for node? Try npm i --save-dev @types/node` and then add node to the types field in your tsconfig....nuxtjs/i18n and SSR
In my project, we are using nuxt-i18n and SSR. We habe the problem, that when coming in a page, the title and fields are not being translated on server side, only later on the clientside. How can the page be translated on the serverside already?
@nuxtjs/tailwindcss official stable update to version 7 and tailwind 4 with new documentation when?
Hi everyone, I felt like I really have to ask this, i didn't really find anything else on it. we are using shadcn-vue in our nuxt app, and back when we started the project shadcn didn't migrate to tailwind 4 yet, and during its installation process ti recommended using the @nuxtjs/tailwindcss module, considering it is popular, widely used and the 3rd highest starred nuxt module on github.
however it has a been a little over a month now since shadcn vue has migrated to v4, @nuxtjs/tailwindcss has been in alpha since may, initially there was a doc page for that version, tho buggy and with lots of crashes and all, and then it has been taken down. I tried changing to the normal tailwind setup, but it wasn't going as well...
considering the popularity, usefulness, being 3rd most starred official module, and integration of the module with nuxt and @nuxtjs/color-mode, i believe it deserves a little love.
everyone could probably use from this module finally getting its new stable release with updated docs, I think all of us who are on the same boat as me using that package would really love to just update the package and it handles everything, then we just focus on changing the necessary syntax from v3 to v4
i'd really love to help, but we already are a team of only 2 devs and already full of work... i hope to contribute a lot more to the ecosystem in the future!...
ref vs templateRef, what's the difference?
What are the differences between ref and templateRef? Is one deprecated?
How to set column size in UTable?
I've tried setting up size and minSize on the columns definition but it simply does nothing and the column-sizing prop only accepts a string and number, tried using stringID: anyNumber and it didn't work either
Nuxt fails to build on FreeBSD arm64 after v3.16.2
Trying to figure out if this is a nuxt issue or oxc-parser issue.
I'm trying to get a Nuxt app running on FreeBSD arm64, but after upgrading past Nuxt v3.16.2, the build fails with this error:
│ ERROR Failed to load native binding...
useFetch中的 参数为什么是空的？
const {data, refresh: getAddAccount }= GetFetchApi('/manage/admin/add',{
lazy:true,
server:false,
immediate: false,
body: {...
What is the best way to change HTML attributes before the page renders?
I am trying to create a dark mode / light mode toggle for my website using localStorage. I set up a plugin and used useHead() function to set the attributes but that caused light mode to be flashed. I asked Claude what should I do and it sent me this:
```ts
export default defineNuxtPlugin((nuxtApp) => {
...
How to avoid the caching mechanism in Nuxt 4?
Project Application: Admin Management System
Scenario: I need to add a new item to a list.
Code Logic Description:
First enter the page → call the pagination API....