Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Can i custom Nuxt MDC component style ?

i want Markdown style of vue press. but im not finding how to set it up and fix it. need description of config settings required for style change...

Nuxt auto-imports with Nested component

How to make auto-imports work with Nested component? Say you have this inside components/SomeComponent.ts file ```ts const _SomeComponent = defineComponent((props) => { return () => h('div', props.message)...

nuxt/fonts - same font name, different weights

Hey guys, i am trying to use the same font name but different weights. Using local provider. ```js fonts: { families: [ { name: 'Mark-WXX', src: '/fonts/mark-wxx-book.woff2', weight: 'normal' },...

Center Notifications on the screen

Hey, I want to make my notification toast appear at the bottom center of the screen. How would I do that?

Error: Vitest failed to access its internal state

Hello guys! I was writing some tests, and I suddenly get stucked with this error. My config does not have anything fancy (do not ask for a reproduction case), as it consists of a running nuxt app, with @nuxt/test-utils setup as mentionned by the doc. ...

About NuxtLoadingIndicator

I want to ask you guys about nuxtloadingindicator when switching pages. I want to show that. How can i make that happen to show? (ex. const nuxtapp = useNuxtapp(); after that i will use hooks that page:loading:start and end to handle start and finished functions from useLoadingIndictor util. I am using that method but didn't work.)

Loading Icon Timed out

Hello, I have this component: ```vue <template> <div> <h1 class="text-xl font-bold text-gray-800">{{ props.data.title }}</h1>...

Static html file missing after generation

Hello, locally when I use yarn generate. All my html files are correctly created. When I deploy my app on Amplify, I don't get these html files (missing index.html and all). Has anyone had this error before? buildspec. yml ``` version: 1...

References for general topics or new updates of NuxtJS 3 or VueJS

Hi everyone, does anyone know of any YouTube channels that explain Nuxt.js or Vue.js, whether it's about general topics or new updates? If anyone knows, please let me know. Thank you.

Turn on Camera Light in NuxtJS3

How to turn on camera light in NuxtJS 3 or VueJS 3

Non-reactive data

What's the best way to put data in a component that doesn't need to be reactive using the options API?

Dynamic Nuxt Form Validation

Looking for some help/guidance with NuxtUI custom form validation. I've got most of my form all wired up to validation and working properly, but the "dynamic" pieces are still a mystery. I have a form section where the end user can create infinite "resources" as a new group of input fields. Each of those resources has specific validation rules for its respective form controls. Not sure how to wire this up and I'm not seeing anything in the documentation. Can anyone point me in the right directio...

Dynamic Routes Error

I get this error and I dont know whats wrong: [7:00:12 PM] ERROR Could not set inline route rules in ~/pages/tax/[address]/[fiat]/index.vue as it could not be mapped to a Nitro route....

index.vue has no content

Why /pages/index.vue showing without content? index.vue ```html <template>...
No description

Nuxt app to production using docker

Hey guys, I am trying to deploy my nuxt app to production using docker. I have already found countless articles about that topic but they dont actually deploy to production but rather the development version. I tried coming up with my own solution but I am unsure if this is actually correct or if this introduces a few security concerns: ```docker ARG NODE_VERSION=22.11.0...

Scss and tailwind on nuxt

Hi guys, i have troubles settings scss. In the config i have, scss works but create lot of files (2 per .scss file), i would like all scss file be compiled on one single file. Also i addes tailwind and i would like to make it work too. If you could help me to understand, thank you. ...
No description

Ignore query params in Nitro prerender

Does anyone know how to ignore query params when using Nitro prerender in Nuxt 3? It crawls every URL, including ones with query params. I want them to be ignored by the crawler.

ExperimentalWarning error after Installation on Node 23.3

After the installation is completed, I'm getting this error: ` ERROR (node:203) ExperimentalWarning: CommonJS module /frontend/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js is loading ES Module /frontend/node_modules/supports-color/index.js using require(). 11:36:35 PM Support for loading ES Module in require() is an experimental feature and might change at any time (Use node --trace-warnings ... to show where the warning was created)...

useCookie returns undefined

```ts onMounted(() => { fetchUsers() console.log(useCookie('token').value) })...
No description

cache

When using nuxt routerules and swr, is it possible to ingnore the query parameters when caching the page so that all pages with same path but different query parameters use the same cache?