Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

how to fix network error in homepage after we changed the code and make the build

how to fix network error in homepage after we changed the code and make the build with npm start build , later that dist folder extracted into the hosting and the whole website now dont works, it gives that error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:8000/api/v1/common. (Reason: CORS request did not succeed). Status code: (null)....

Cookie on ssr

I have a composable which reads cookies to get some values and do api calls when it runs on server it's unable to get cookies ( use cookie) doesn't work

CSS class nomenclature for components and pages

What's the recommended way to structure root element class names in Nuxt 3 components and pages with SCSS? For example, should ProductCard.vue use .product-card and products.vue use .products-page as their root classes?

Reactivity with UseFetch

Hi i have a custom useFetch composable for fetching my data from an external API. In /location page, when the user arrive, a first fetch is made with filterOptions (a reactive object that can have empty string at start), this page has a Filter component that content filters of the page and update filterOptions object according to user preferences. I want to remove empty key in filterOptions when the request is been made without loosing reactivity(refetch when some of filterOptions change). I stuck on it. That's my files. ```ts...

Nuxt-3 429 (Too Many Requests) error

I have a Nuxt 3 project that frequently encounters a 429 (Too Many Requests) error on the server. Has anyone else experienced this issue?

ERROR [worker reload] [worker init] Z:/src/MyProject/.nuxt/dev/index.mjs failed

Seemingly out of nowhere I started seeing this problem on startup. I turned on debug but didnt see anything useful. Is there any way to get any more information on what its stumbling over?
No description

api routes and vercel deployement

why arent my api routes working when i deploy on vercel but work in dev why arent my api routes working when i deploy on vercel but work in dev

html from api

Hello, I need to load an HTML from the API and display it directly. I now have a kind of solution, but it does not work properly because this API does not require authentication. What is the best way to do this?
...

RollupError: [plugin impound] This module cannot be imported in server runtime.

``` $ nuxt dev Nuxt 3.14.159 with Nitro 2.10.4 21:35:12 21:35:13 ➜ Local: http://localhost:3000/...

Pinia problem

Hi, I have a problem with the pinia in my nuxt project. I installed it according to the instructions in the documentation: https://pinia.vuejs.org/ssr/nuxt.html Specifically, I just ran this command: npx nuxi@latest module add pinia ...

Nuxt Fontaine redundant compatibility version?

I looked up at fontaine's Nuxt compat here and it says ```ts meta: { configKey: 'fontMetrics',...

Assign DNS records to specific preview deployments in NuxtHub

Hello there, We are using NuxtHub in combination with Cloudflare to deploy our application. We want to implement a staging concept that requires us to merge features into an integration branch in GitHub before proceeding to the master/prod branch. We have created a static integration domain and would like to map this domain to everything that is committed in the aforementioned integration branch....

NuxtUI Tooltip/Popover not rendering on live website

I'm using NuxtUI's UTooltip/UPopover elements to render information on my website: ```ts <UTooltip :ui="{ base: 'h-fit overflow-visible whitespace-normal' }" :popper="{ placement: 'top' }" text="...">...
No description

Make explicit auto import of a component

``` <script setup lang="ts"> import { NuxtLink, LazyMountainsList } from '#components' const show = ref(false)...

Disable auto components

Is it possible to disable auto import ONLY components for ONLY a specific page?

How to change .icon of my website ?

hey, i'd like to know how can i change the favicon of my website. The icon is not the default favicon.

Layer doesnt import module

I have the Supabase module installed in a layer, along with several components, each with its own functionality. When I use this layer via extend in the main application, the components from the Supabase layer appear, but their functionality doesn’t work. The error message is clear: the useSupabaseClient composable from the Supabase layer isn’t available, even though this composable is provided by the module. What could be causing this issue? (Note: the base application doesn’t have the Supabase module itself—I thought that if the layer were imported correctly, it should include the module as well.)...

[resolved] Why using await inside composables cause them to break?

I believe my issue is similar to this https://discord.com/channels/473401852243869706/1141010505482379265 My original use case involved combining multiple composables, in which some composables depend on a value from others which I'd like to await to make sure data is rendered server side. I narrowed the issue to this:...

How can I avoid 401 error with useFetch and http basic auth, when SWR enabled

Hello, I have the newest Nuxt (v3.14.159) and nuxt-security (v2.0.0) packages . When I call useFetch to a server route, in a page, where SWR is enabled, I get a 401 because of the http basic auth. When I manually include the headers in the request it works, but what is the Nuxt/nuxt-security intended way to do this? Thank you and kind regards...

USelect option values always turn into strings

I'm using a <USelect> with the following options: ```ts const businessTypes = [{ name: 'Particulier',...