Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

How can I load a 3rd party script widget?

The documentation I'm following says that I need to add the following code: ``` <form> <script...

$fetch dns that resolves to ipv6

Got this composable that has my expressjs backend on the baseURL ```ts export const useApi = () => { const config = useRuntimeConfig() console.log(config.public.apiBase)...

Watching files outside app/ directory

Hi! I tried configuring nuxt & vite to correctly hot reload etc. for my custom directory in root (my-content/) how to configure it properly? I spend a lot of time to configure it, but I cannot do it

Multi tenantcy

I'm building a multi-tenant Nuxt app and want to enforce domain-based access rules for routes. Here's the setup I'm aiming for: app.product.com: should only serve /login, /register, and /password-reset. *.product.com (e.g., customer-1.product.com): should serve all main app functionality, but not allow access to /login, /register, etc....

Dockerfile for a nuxt module

Does anyone have an example Dockerfile that would work for a repo that contains a nuxt module at its root? I want to build the module, and then expose the .playground.

I want to deploy my project on Nuxthub

auth: { isEnabled: true, originEnvKey: "NUXT_AUTH_ORIGIN", baseURL: process.env.NUXT_BASE_URL, provider: {...

Vue-virtual-controller scrollToBottom() not working in nuxt?

Hi, I setup vue virtual controller and setup the plugin for nuxt which works. However I’m unable to get the scrollToBottom working so I’m wondering if someone here is using it with scroll to bottom working? I’m using the dynamic scroller if that makes a difference. i saw on their github someone posted a comment saying scrolltobottom isn't working on nuxt a year ago so hopefully there's a fix now?

Scroll flickering on page change

I'm new to Nuxt and currently trying to migrate a small website from Vite. I noticed a difference in page change behavior with Nuxt. Once I'm clicking on a NuxtLink, there's a small delay between the scrollToTop made by vue-router and the load of the new page, which creates a flickering effect. It happens even on pages that doesn't contain asynchronous calls. Also, note that I'm using a <Transition> markup to encapsulate the <NextPage>, the main reason is that I need an animation on website load and this is the only way to achieve that. It seems to partially fix the issue if I remove the animation.. ...

Dynamic base href for one app and multiples domains path

Hi. I'm researching frameworks that meet my requirements. And the most important one is the ability to handle dynamic base href....

Popup form that changes route and can be opened from anywhere in page

In my Nuxt application, I have a navbar and there I have a settings option. The idea here is that the option will change the route to /settings and this will open a popup form (UModal) and display it over the page that the user had open, it doesn't matter what the previous page was, it will show over it. I have a pages/settings/index.vue that looks like this: ```<script>...
No description

nuxt ui dropdownmenu how to make clicking an option do something

hi im using nuxt ui dropdownmenu and i display some options inside like delete message etc how do i make it when i click that delete message that something actually happens. i tried a few methods but i's not firing anything for me

headers duplicated issue

Hello, nuxt generate these headers: x-content-type-options: nosniff X-Content-Type-Options: nosniff And then I got these headers. some browsers are not happy with that. there's a way to fix that ? Thanks!...
No description

getCachedData Not Working

Hi could some give me help getCachedData stopped working and i also disabled purgeCachedData and still doesnt work ``` const getCurvasCarga = async (cpe: string, data_inicio: string, data_fim: string) => { const token = await getAccessTokenSilently();...

404 with SPA

I have a static site (ssr off) hosted on cloudflare pages. However, I have a problem with my dynamic paths (e.g. pages/apps/[id].vue), they always return 404. They are served fine luckily, but if you inspect network request they have 404 not found as statuscode. How can I fix this?

Nuxt + rolldown-vite

I followed the instructions for adding rolldown-vite, and as an override for vite, but on nuxt dev I just see an error: `` thread '<unnamed>' panicked at /home/runner/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/oxc_ast-0.67.0/src/generated/get_id.rs:36:33: called Option::unwrap() on a None` value...

Nuxt-auth-utils refresh tokens with keycloak? and where to store access tokens

i have a basic set up right now with nuxt-auth-utils and an external API that authenticates with keycloak. i have two questions. first: where is the best place to store the auth token? in the session? or something else? second question: how are folks handling refresh tokens in nuxt-auth-utils? i have a basic refresh. post.ts endpoint and a refresh middleware that seems to work for now but I'm wondering if anyone has done this and wouldn't mind sharing their process? thanks!...

`Parsing error: Unexpected token {eslint` on import type

I have the following code ```ts <script lang="ts" setup> import type { DisplayMetadataField } from "~/types/DisplayMetadataField"; </script>...

Tailwind setup in nuxt

Hi i was trying to setup tailwindcss in my new nuxt project and i followed the nuxt module guide but i am not getting any intellisense suggestions in the .vue file but i have tried in a plain html and it’s working there

Issue with Dynamic Components Loading nuxt 3

Hello everyone, I have a composable useComponentRegistry, which is supposed to load a component either from the core or from a custom registry if it exists. The function looks like this: ```const customComponents = import.meta.glob('@components//*.vue') const coreComponents = import.meta.glob('@core//*.vue')...