Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Nuxt Module Builder Issue

Whenever I run the nuxt-module-build build command inside my package, I get the following error in one of the build outputs: ``` ℹ Building nuxt 11:39:49 AM ℹ Cleaning dist directory: ./dist 11:39:49 AM...

mobile responsiveness on actual phone is messed up, but in browser "mobile view" it looks okay

my website is using nuxt + nuxt UI / pro this is the page screenshot from my iphone (screenshot 1) this is the page screenshot from browser (screenshot 2)...
No description

Extending from github repo

Hey everyone, I am having trouble extending from a public github repository (nuxt project). I am using nuxt version 3.15.2 and the following extends ```javascript...
No description

Weird behavior between Nuxt 3.11 and Nuxt 3.15

Since I updated to Nuxt 3.15, basic code is not working anymore. ```js mounted() { console.log("Initialization"); console.log(this.$route);...
No description

NODE_ENV isn't changed although it's already updated in the environment

How can I fix the NODE_ENV value, which is still set to "development" even though I've changed it to "local" in Nuxt.js 3? I've set the public configuration in my nuxt.config.ts, but the NODE_ENV value hasn't changed, even though the environment has already been updated. ``` runtimeConfig: { appSecret: process.env.APP_KEY,...

Where to start

Hello, i wanna learn nuxt. What is the best to learn it?

Nuxt/Nitro websocket horizontal scaling

I have looked at the new experimental websocket's and I'm wondering how this would work when horizontally scaling. With something like socket.io, you need to use an adapter. How does Nuxt/Nitro handle this?

How to create a markdown mailto link using a bound value containing an email address

Have no problem binding an email value, such as [email protected], through use of the :data prop for presentation in a markdown document using {{ email }}. The question is how to create a clickable mailto link using the email value. Have tried [{{ email }}](mailto:{{ email }}) ...

Can't find devtools tool for generating TypeScript types

I could've sworn there used to be a way to auto-generate typescript types for an API endpoint from Nuxt devtools. I can't find it though. Is this a feature that you need a seperate module for, can i just not find it, or was it removed?

UAuthForm autocomplete warning

UAuthForm gives autocomplete warning, is there a way to set it? It also happens on the docs autocomplete....
No description

test-utils wont register custom plugins

I'm currently migrating away from the auto imports and since the unit tests are not working anymore it seems like I need to switch to nuxt test utils (away from a custom setup with the vue test utils). But now my custom nuxt plugins are not registered anymore (useNuxtApp does not include them). I just get $myPlugin is not a function. Any ideas on how to debug this?...

Nuxt form behaving differently bettwen dev and build

I am trying to build a form in my app. Sadly it behaves differently between dev and build. In dev it just executes the onSubmit method and everything is fine. For build it redirects to the post url. This is the code: ```...

Prevent Nuxt from escaping the meta title

Does anyone know if it's possible to prevent Nuxt from escaping test when writing the title? I'm trying to add a slash, eg: testing w/ a slash and it escapes it to: <title>testing w&#x2F; a slash</title> ...

Special Chars in Query params in useFetch()

Hi everyone! My Backend expects query params for filter use case to be like: http://localhost:3000/cats?search=i&filter.age=$gte:3 The Filter name includes a special char (.) -> e.g. &filter.age=...

Popover being covered by other components.

I have a component that contains a popover and I am using a v-for loop on the component. When the components are listed out, the ones below the component you click on cover the popover. Here is the component code. ```html <script setup lang="js"> const props = defineProps({...

How to add HTTP headers to bundle assets

Hi everyone, I'm trying to create a template page for Azure ADB2C using Nuxt3. The HTML is requested by Azure and the authentication form is injected in a specific <div>. This is not working because of CORS errors as page and its static assets do not belong to the same domain as AD. I managed to add CORS headers to the HTML request, but I can't figure how to add such headers to bundle assets (CSS and JS). Nitro server handlers (maybe registered too late ?) and it hooks like beforeResponse are not called for static assets....

Nuxt nested layout

Hi everyone, We're having a problem with Nuxt and nested layouts. If there are more than one nested layout, the layout stacks. For example two headers and two sidebars, that we don't want to see please refer to the linked stackblitz. https://stackblitz.com/~/github.com/kilisei/nuxt-layout?file=package.json Please reply if you know how to fix this. Thank you for your help :)...

State Management

Can i somehow shorten this code? ```js const TVstate = () => { if (openedRoom.value.hasTV === 'unknown') { openedRoom.value.hasTV = 'Yes'...

Access InternalApi in module build

Is it possible to access the InternalApi in a module during the build process?
Next