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>...
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!...
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')...
nuxt 3 android studio virtual device net::ERR_CONTENT_LENGTH_MISMATCH
I'm trying to use ionic/nuxt module with capacitor to create an android app. app is working properly when i generate it nuxt generate, capacitor reads dist folder as webDir but when i try to use livereload features on network exposed dev server, andorid emulator refuses to open my app. when i open logs from chrome.//inspect#devices, some node modules returns net::ERR_CONTENT_LENGTH_MISMATCH error.
i tried same example with vue 3 + vite server too, there is no problem with vite server. i tried to create several fresh nuxt projects too. nuxt dev --host exposes nuxt server to network, my all devices can connect server except android virtual device.
for reproduction, just create new nuxt project and try to open dev server in virtual device's chrome...
Vercel issue with server api function/route
Hi all,
I need some help with a website deployed on Vercel. I have some server API functions/routes with some server-side logic for security. But I can't get those to work with Vercel. Seems to work perfectly fine on my local machine.
Is there any configuration I need in order to use the functions in "server/api/my-file.post.ts" with Vercel?...
Nuxt UI Pro + Inertia js Issues
Has anyone had issues where it is still asking for vue-router with nuxt ui pro when used with inertia? Adding the inertia: true to the config stops the issue, but then things like login break
Can't import component from "@/components/MyComponent.vue
Hi, newbie to the discord so excuse me if I posted in the wrong channel.
I'm tring to upgrade a nuxt project from 3.13 to 3.17 and the upgrade is breaking my imports. The doc says that the alias @ still is the default, so I don't understand the behavior. Thanks in advance...
drag drawer to resize
how do i take my UDrawer which is only about 200px high due to minimal content and let me resize it to take up the full height of the window
in production will code be readable or minified?
so in dev mode currently i can read each file as i wrote it in my browser but once in production will it be more obsfucated and not readable like this?