Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Loading scripts dynamically

I have a page that im trying to optimize for speed which has jquery + a couple other scripts that depend on jquery in useHead(). I don't want these scripts to load on the page until i click a button which changes what appears on the page, but its still the same page. If i put useHead in the components that appear after the button click, they load but take way too long and it errors on my onMounted() where im trying to use those scripts since they arent loaded yet. It even somehow errors my other...

Error 500 on server side

Many times i get errors like this. 500 Cannot read properties of undefined (reading 'limit') ...

Table

anyone have example about Table in nuxt ui v3 i confuse about columns resizing i try it but don't work or will have this future soon

push data form webhook stripe

I have the following server/api/stripe/webhook code import { eventHandler, readRawBody, getHeader, createError, sendError } from 'h3' import Stripe from 'stripe' // import { firestore } from '~/server/utils/firebaseAdmin'...

push data form webhook stripe

I have the following server/api/stripe/webhook code import { eventHandler, readRawBody, getHeader, createError, sendError } from 'h3' import Stripe from 'stripe' // import { firestore } from '~/server/utils/firebaseAdmin'...

using dependencies in plugins

I am trying to use "vue3-toastify" in nuxt plugin that i am using as global error handler but i am not seeing the toast popped up. What can be the reason for this? The console.log shows up correctly so we know the error is reaching here. ``` import { toast } from "vue3-toastify"; export default defineNuxtPlugin((nuxtApp) => {...

stripe webhook

How to push data from webhook api down to client?

How to set css variables

Hey, how can i set css variables dynamically (data driven) during SSR?

Plugins not automatically typed

Hi, Having issues with automatically typing my plugins. Here is my plugin. ```ts...

How to set custom HTTP headers for prerender requests at build time?

When pages get prerendered at build time, I need to set custom HTTP Headers for the prerender requests. More specifically, I am using nuxt-security to deny access to the application via basic auth which also denies access at build time for the prerendering requests. How can I ensure that prerendering requests (at build time) can access the application which is secured by basic auth? Is there a way to set auth headers when prerendering?...

Nuxt 3.16.0 Broke My Vuetify Colors! 🎨

Hey folks, after updating "nuxt": "^3.16.0", my Nuxt project with Vuetify lost all its colors! 😱 Now every button and input is just plain black. I’ve tried removing the theme, adding a theme back, and still, no luck—the colors are gone. Do I need to process Vuetify’s Sass in some custom way with this new Nuxt version? Any tips? 🙏
No description

NuxtUI 3 Table with filters

It is possible to create table with filters (instead of sorting) with new UTable component? I tried examples from https://ui.nuxt.com/components/table#with-column-sorting and https://ui.nuxt.com/components/table#with-column-filters but h() syntax instead of HTML one is hard to read and customize
No description

dynamic CSS not working in Nuxt

Hey all, I made the Nuxt-codemirror module, but I have the weirdest issue I ever encountered and hope someone could help 🥺 CodeMirror can be enhanced with extensions. All work except for the syntaxhighlighting...

Vite-PWA

I'm using vite-pwa but everytime i enable it in the dev options my nuxt devtools break. nuxt.config.ts (snippet) ```js pwa: {...

Issue: Nuxt Bridge fails to run or build, error with unenv mock proxy

When trying to run a Nuxt 2 application with nuxt-bridge on, I get the following error:
ERROR Error: Could not load /node_modules/unenv/dist/runtime/runtime/mock/proxy.mjs (imported by node_modules/nitropack/dist/runtime/internal/error/dev.mjs): ENOENT: no such file or directory, open '/node_modules/unenv/dist/runtime/runtime/mock/proxy.mjs'
ERROR Error: Could not load /node_modules/unenv/dist/runtime/runtime/mock/proxy.mjs (imported by node_modules/nitropack/dist/runtime/internal/error/dev.mjs): ENOENT: no such file or directory, open '/node_modules/unenv/dist/runtime/runtime/mock/proxy.mjs'
...

Firebase messaging in nuxt 3

I'm migrating from Vue 3 to Nuxt 3 and trying to set up Firebase Messaging in my Nuxt 3 application. I'm using Vuefire. When I try to create a user, the application throws an error saying it can't find the firebase-messaging-sw.js file in the public folder. Could you please guide me on how to implement this correctly?...

getRequestIP returns nothing

Hi there, I need to get the clients IP in a API Route. Currently I'm trying this: ```ts const ip = getRequestIP(event)...

$t doesn't work in Nuxt ^3.16.0 i18n ^9.3.1

Hi, after upgrading to Nuxt ^3.16.0 and @nuxtjs/i18n ^9.3.1, the $t function stopped working. I kept the same configuration as before, following the documentation, but translations are not being returned. If I downgrade to Nuxt ^3.15.4 and @nuxtjs/i18n ^8.5.6, everything works fine....

How to set Prefix for Components Extended from Git Repo

I am trying to set a prefix for the components I get from the git repo on extends. But I can't get it sorted. This is my main app nuxt config ``` import { createResolver } from 'nuxt/kit';...

Content within <DashboardLayout> not scrollable

Hi there, I have a weird issue. When I use the <DashboardLayout> to create a sidebar and then have content within the <Slot /> the content is not scrollable (eg. my table). When I dont use <DashboardLayout> it works. Why? Code: ```ts...