Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Nuxt Content 3 and docus elements

I would like to replace List.vue to make it work with NuxtContent 3. unwrap() no longer exists, and ContentSlot is also gone. How can I update this code to work with NuxtContent 3? ```javascript <script lang="ts"> const iconTypeMap = {...

Download and serve NuxtImg's from /public folder when generating with SSR true

I am using NuxtImg with Directus. As we generate an SSG with SSR i want the images i embed coming from Directus to be served locally, from the public folder so there is no connection to Direcuts need in prod. Is this something i have to build in a hook on my own during build time or is there an existing solution? THanks!...

NuxtContent 3, how to change data inside script setup

My code: ``javascript const { data: tabs } = await useAsyncData(usecases`, () => { return queryCollection('usecases').all() })...

Cant make any logger work in a clean nuxt application

I started a vainilla nuxt app and cant make any logger to a file work. The latest I tried was log4js Specs: ```javascript // nuxt.config.ts...

Cant assign `href` to `UButton` or `ULink`

Couldnt assign href attribute to UButton component, then i checked it out which is uses ULink underline. I tried on it as well but it doesnt render it as well (want to disable spa navigation to spesific pages) ```html <u-button href="/login"...
No description

Running `npx nuxi dev` will empty my `.output/public` folder

After I build production with npx nuxi build my .output/public gets filled with my production data. But whenever I run npx nuxi dev and open the dev web, the public folder of .output gets emptied. ``` root@Ubuntu # ls -la .output/public total 52...

Fixed column width in Nuxt UI UTable

Can we set it? I'm getting some layout shift while paginating cause some values are more extensive than others

Empty Nitro cache on Vercel deployment

Hi everyone, I'm trying to figure out how to clear my Nitro cache when deploying to vercel. I thought it would be automatic, but only he Vercel cache is properly cleared, not the Nitro one. I have to manually call my custom endpoint in order to call cache.removeItem('nitro:handlers:......) PS: I use KV for storage. Any idea?...

Cannot create new nuxt? Error with requested module 'db0'

Just tried to update, but also errors out when installing a new project. npx nuxi@latest init testproject After nuxt prepare, it errors out with The requested module 'db0' does not provide an export named 'connectors' ...

Deploying Nuxt which has server/api functions to vercel and make them able to load files

i was working on a project where i have nuxt ./server/api/mdx.ts which is responsible for loading a file when requested i tried loading using fs which resulted in errors because the server functions run in a separate enviroment on vercel. then after searching around a bit i decided to have a nitro asset setup like this: nuxt.config.ts: ```ts // the rest of nuxt setup nitro: {...

"#build/nuxt.config.mjs" is not defined

Hi, I'm trying to migrate away from auto imports and after fixing every import after disabling it in the nuxt config, I can't run the unit tests anymore. They do complain about Package import specifier "#build/nuxt.config.mjs" is not defined in package /node_modules/nuxt/package.json imported from /node_modules/nuxt/dist/app/nuxt.js. I've tried mocking the file or adding it as an alias in the vitest config but it's not working. Any idea on how to fix it?...

Hard reload + useAsyncData = No data – Why?

Why is templatealways null on hard reload but I do have a value when navigating between pages? ``js const { data: template } = await useAsyncData(campaignTemplateWithId${supabaseTemplateId}`, async (): Promise<Tables<'campaign_template'>> => { return await useCampaignTemplate().getTemplateById(supabaseTemplateId)...

Nuxt Content's 3 SQLite not working inside docker.

I've used dockerized Nuxt App with Nuxt Content 2 with bun, but after migrating to Content 3 it stopped working inside docker. Errors: ``` Failed to execute SQL DROP TABLE IF EXISTS _content_blog;: Error relocating /.output/server/node_modules/better-sqlite3/build/Release/better_sqlite3.node: fcntl64: symbol not found...

Accessing headers when using $fetch

Is it possible to access the raw response to get the headers using $fetch?

Can not host nuxt app in local network

Hey, I am trying to host my nuxt app in my local network to test it on mobile devices. I run npm run dev -- --host. Nuxt acts like the --host argument is not there. I do not get the QR-Code like usual and it still tells me "use --host to expose"

How to make internalization languages in NuxtJS 3?

Is it possible to apply the internalization languages in NuxtJS 3?

How to create custom text content transformer for Nuxt content v3?

How to create custom text content formatter / hightlight in Nuxt content v3? I see hook 'content:file:beforeParse' https://content.nuxt.com/docs/advanced/hooks But don't understand how to use it, where and how declare...

How to add blog post to sitemap.xml with Nuxt Content v3 ?

for nuxt content v2 i was uded something like this in server/routes: ``` import type { ParsedContent } from '@nuxt/content/dist/runtime/types' import { serverQueryContent } from '#content/server'...

Nuxt 3 Firebase error on SSR

I am trying to solve a firebase error that did not exist 2 days ago but now I am encountering it. As you can see from the image, I am getting this error when I am trying to use firebase when ssr:true. I was previously using custom plugins for firebase but the same error applies to vuefire and nuxt-vuefire. The only solution I have tried and worked so far is to disable ssr. How can I solve this error that did not exist 2 days ago?
No description

Access CSS Variables?

I have a main.css file that defines a few colors under :root. In my <style scoped> tags in components, these colors are not working, even though other parts of the main.css file are. (I've had it work in another project, and I can't figure out what I was doing differently there.) Minimal repoduction: https://stackblitz.com/edit/github-ed9uy1jz?file=assets%2Fmain.css...