Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Nuxt UI table, tooltip on row.

How would one create a tooltip on a complete row. Couldn't figure it out with the templating...

Custom useAsyncData - $fetch TypeScript error🙏

Hello everybody, I have followed the nuxt 3 guide to create a custom fetch client. All seems to be right, but when I'm going to add TypeScript FetchError<CustomError> in useFetch, I receive this TypeScript error (I'm a TypeScript newbie): ```...

Error parsing JavaScript expression: Unexpected token, expected

[plugin:unplugin-vue-i18n:directive] Error parsing JavaScript expression: Unexpected token, expected "," (3:16) /Users/x/Development/frontend/components/settings/AccountingSettings.vue at createCompilerError (/Users/x/Development/frontend/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1364:17) at emitError (/Users/x/Development/frontend/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2949:5) at createExp (/Users/x/Development/frontend/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2942:7)...

Is it possible to configure a static site generated nuxt app to also output a server for the APIs?

Is it possible to configure a static site generated nuxt app to also output a server for the APIs?

How do you watch for body change in usefetch?

<script setup> const usersByLastName = reactive <UsersByLastName> ({ lastName: "" }); const { data, pending, error } = useFetch("/api/users/bylastname", { method: "POST",...

In production build the server console is full of vue router warns for /_nuxt/

``` [Vue Router warn]: No match found for location with path "/_nuxt/" [Vue Router warn]: No match found for location with path "/_nuxt/" [Vue Router warn]: No match found for location with path "/_nuxt/" [Vue Router warn]: No match found for location with path "/_nuxt/"...
No description

What is the difference between static and prerender in routerules?

What is the difference between static and prerender in routerules?

Debugging Nuxt in jetbrains IDEs

Hi, does anyone please know how to attach to already running node and already running chrome ? when i use the XML from this guide it starts new process fro node and chrome everytime :/...

routeRules help

Can someone help me with this: ``` routeRules: { '/chat/:chat_id': { proxy: '/api/v1/:chat_id/public' },...

watching useNuxtData

Hi folks! I have a question: Can I watch changes in useNuxtData? It seems that after fetching with asyncData and storing the results, I can't access the cached data immediately in another component. Using a timeouting (nextTick) gives me the expected result, but watching does not. Anyone?

Nuxt TipTap, how to get the content to a parent component

Nuxt TipTap suggest we create a component for the editor. But how do I get data from the editor to my child component?

Nuxt app not getting deployed

Im trying to deploy my nuxt app to vercel but it wont get deployed. And also when ever im using a env file to hide my supabase creds it showing and error
No description

How to fetch routes from API and add registered them on the app to be available on SSR

I'm migrating a Vue 3 SSR project to Nuxt. But I'm facing a challenge with the routes. The project has a single file page working as a "catch-all" but named ScenePage.vue The app works with routes being declared on the backend, as the same for the content of each page (on the frontend we "just" build components, that when a route is requested we will receive a JSON with the structure of the pages, including the components and the props to populate the components) The challenge on Nuxt because of the file-based route system is to replicate this correctly....

Looking for guidance on Nuxt + Kepler.gl integration

Hi all, am new to Nuxt (and frontend development as a whole). I've set up a basic Nuxt app following the docs with Vertical Navigation and want to integrate Kepler.gl into my project to visualize a dataset (I have the csv file) Can somsone please guide me as to how I should go about this? Would mean a lot!🤧

Focus Nuxt UI UInput

I would like to know how to focus UInput (Nuxt UI v3). I tried this 2 methods but aren't working: Method 1 ```ts const nameInput = useTemplateRef('nameInput')...

Specify types for Wrangler runtime

Hi, we are unable to run (build succeeds) Nitro application using npx wrangler dev as we get this error: ``` [worker reload] [Error: [worker init] /Users/johndoe/Workspace/Dev/org/project/apps/gw/.nitro/dev/index.mjs failed] { [cause]: Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. Received protocol 'cloudflare:' at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:209:11)...

Uploading, storing and displaying images

Hello everyone. Im a bit stuck on how to correctly create a system for uploading, storing and displaying images on my website. In the first iteration of this project, i was using regular vue and uploaded images directly to the public/ folder, which worked absolutely fine, but as i read, this wont work for nuxt, as nuxts server wont be aware of the changes. I dont want to use some cloud service and would like everything to stay directly on my machine. What would be a good/the best way of sorting this out ?...

How to delay validation until the submit button is clicked in UI V3 ?

It seems like there is only possiblity of validating in either of blur, change, or input events. But I wanna do it on submit Event only.

Auth flow secret encryption

I'm implementing a simple password authentication registration, using nuxt-auth-utils and nuxt-hub. I’d like to enforce email verification before completing the actual registration. Here are the steps on the client side: - 1 The user enters their email and requests an OTP. - 2 The user enters the OTP and verifies it. - 3 The user enters a display name. - 4 The user enters a password and registers....