Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

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?

slow drawer open

When I put a lot of content to render in my drawer it's slow to open. How can I make the drawer open fast but then render stuff

How can I implement dynamic theme switching based on the current route in my Vue application?

For example, I want to apply a specific 'brand theme' when navigating to certain sections (like '/about', '/products'), while maintaining my existing light/dark mode system. What's the best approach to combine route-specific theming with the existing CSS custom properties system?

Please help me finish this Portfolio Template.

I'm about to finish my first Nuxt UI Project, which of course will be my own website. Inspired by this page: https://ui.nuxt.com/pro/templates It's already publically available, but needs a little finish before showcasing. I struggle mainly with Navigation and Page Transitions (also tried to use view-transitions for projects, but no success)...
No description

Correct way to deal with user generated data

So I've been dealing with users sending images to host, and I've got up with packing blobs into file and sending them to backend, then use unstorage to store path to the file. Is there any open-source CDNs that on backend will just send me a "file link" so i could store only it in my db?

eslint not working vscode eslint extension

eslint works inside docker ofc but not outside. i have the follwing eslint.config.mjs ``` // @ts-check import withNuxt from './.nuxt/eslint.config.mjs'...

Avoid autoregistiration of event handler in server folders

I'm using a nuxt 3 application with nitrojs server. Is is possible to define files inside /middleware or /api folders which are not automatically registered and expecting an event handler? In my usecase I'm trying to split the fetching and mapping logic into different files. ``` ...

ref type wrong

if i do
const count = ref(1)
const count = ref(1)
...

Hard reload or direct navigation to any page redirects to home page

Whenever I refresh the page, my site redirects to the home page. This happens on every single page. Trying to go directly to any page also redirects to the home page. This only happens when the site is deployed or built and ran using nuxt preview, this error does not happen in development.

Nuxt Studio Module is breaking build

Is Nuxt Studio broken? I can't seem to build my project ERROR Nuxt Build Error: [nuxt:imports-transform] [unimport] failed to find "useContentState" imported from "#imports"

Nuxt for client only app

I'm starting to work on a new application. And I wonder if I should actually use Nuxt and I wanted to ask for you opinions. Is it really worth it? Or maybe it is better to stick with pure Vue? App will be pretty much an internal visualization app, so we don't need server side rendering and SEO befits that come with it. So I'm worried that Nuxt will just add a level of abstraction and complexity that is not really needed. On the other hand the app will be data heavy, so the idea of streamlined data fetching in Nuxt 3 seems promising, but if we will not use server side rendering, does it really make that big of a difference? I have experience with Nuxt, but actually only with Nuxt 2, since the ecommerce website we are working on in a different project is just stuck there and we have hard time migrating. So I'm actually not sure how Nuxt 3 will pan out. What do you think?...

Firebase i18n deployment

My project is working fine on build, transition between languages is good. But on emulators:start the project can't even start. Do anyone have links to sample project? What I quite don't understand is what is the content of the root i18n files in firebase.json? A sample that I can view on the github is just plain text in html file format....
No description

nuxt ui page help

need help creating a wiki-style page

iphone zooms on input field click nuxt ui

Hi im using nuxt ui to make my site and im testing it on my phone currently and the default input fields when clicked cause my iphone to zoom my screen in onto it. is this standard or is there a way to prevent it from happening?