Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

no .output files

I'm building with these build scripts: ```json "scripts": { "build": "nuxi build --preset=cloudflare_pages",...

[Vue warn]: Property "buttonClass" was accessed during render but is not defined on instance.

I'm trying to build a component library in TypeScript and Composition API in a mono-repo using https://github.com/nuxt/module-builder. When I build the component library using "watch-mode", nuxt-module-build build --stub, and use my components in another package of the mono-repo, everything works fine. But when I try to build the component library using nuxt-module-build build, I get [Vue warn]: Property "buttonClass" was accessed during render but is not defined on instance. when the comp...

How can i build the forked nuxt modules locally?

I forked a nuxt module and customized few things and now I want to build and use it locally inside the modules directory. I tried npm run build but it doesn’t generate dist files; rather generates .output. What should i do to generate the dist files?

Emit not working

I use this to open a modal: ```js useModal().open(PanelModalsAddOrEditUser, { onUserAdded: (user: {}) => {...

How to dynamically render a different page for a request. /pages/some/thing.vue or other/thing.vue

Hi, I'm trying to make a middleware like this - but setRequestURL() isn't a real thing and event.path is read-only. Requirements:
1. no client-side redirects. I want to change the response for /some/thing 2. I need to dynamically decide to make the switch or not....

runWithContext not working as expected

I have following async composable: ```ts import type { CraftSite } from 'vue-craftcms' type SeoData = {...

Do I need to make an index.get.ts file or is there a way to get [...path].get.ts to catch the root?

I have a server route path such that notebook/[...path].get.ts works to catch any notebook/woo routes but not the notebook/ route. Is there a way to get the catch all route to apply to the root/index route without creating a index.ts file?

Nuxt UI docs infinite loading due to lemonsqueezy js script.

Sometimes the website stuck at loading and the buttons like the search and the color pallete on the header do not works. The network devtools window shows how this script never finishes loading.

Issues running Nuxt with NuxtConfig on AWS Amplify

I am trying to deploy a simple Nuxt application using NuxtContent in AWS Amplify, but I am struggling to make it work. The application I am trying to run is this template as-is; https://github.com/nuxt-ui-pro/saas The problem seems to be happening in pages that uses NuxtConfig. When navigating to them I get a CloudFront error:...

Common way to read /assets/ dir in server side code

Hi, I'm wondering what the best way to read from the assets directory is. Using FS doesn't feel right considering it might differ on prod builds....

Impossible to cache anything with Nuxt + Cloudflare

Hi! 🙂 I have a Nuxt app I host on Render, using npm run generate. I defined the homepage as pre-render...

generate static site

I have a small problem: I created a site with Nuxt 3 by simply adding a pages/index.vue page containing an H1. When I launch the development server with npm run dev, everything works fine. However, after running npm run generate (with target: static) and opening the generated HTML page, nothing is displayed. Could you help me?

page refresh to navigate issue

Hi, I'm facing an issue where clicking on a link to navigate to a specific page requires a refresh.

Does anyone knows how to set CORS for static files (/public)?

I know with nitro, but I'm talking about files in the public folder. I tried with routeRules but they don't seem to apply to static files.

Need server Logging or logger for nuxt 3 latest

i want a way to log what is happening in server side of the nuxt, just like how laravel has log file.

Prerendering not working

Hi, I use nuxt with ddev and craft cms. So basically I run ddev npm run dev for starting the dev server -> Nuxt runs in docker on that url http://0.0.0.0:3000 and gets proxied by the nginx server. Therefor I am able to see the frontend on https://craft-nuxt-starter.ddev.site. When using the dev mode or build script I see no error and data fetching from the https://craft-nuxt-starter.ddev.site/v1/api/xxxx works perfectly. My nuxt config looks like that: ```js...

await callOnce() blocks navigation

In my nuxt app i replaced:
const { status } = useAsyncData(() => store.fetch())
const { status } = useAsyncData(() => store.fetch())
with...

Does Nuxt/Nitro resend Requests?

Hej, I have experienced a flood of request in the Nuxt Application at Work and need some help/input on what the issue might be, where to investigate further. The situation...
No description

Hydration Mismatch on Categories Page with Pagination

The categories page experiences a hydration mismatch when pagination is active. This issue does not occur when there are no additional pages to paginate. The problem seems to arise due to asynchronous data fetching, causing discrepancies between the server-rendered and client-rendered versions of the page. Website: https://the-fineprint.com/categories/real-estate Env: Nuxt 3 ...