Questions tagged [nuxt.js]
Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application (inspired by Next.js)
nuxt.js
13,069
questions
0
votes
1
answer
9
views
Nuxt, .env and plain .js files
This relates to an app running Nuxt 3.12.4.
I need to set a variable in a .env file, but that variable is needed in a plain .js file within the application's /lib. This, in nuxt.config.js, should make ...
0
votes
0
answers
17
views
What causes Cannot find module '~/pages/index.vue' or its corresponding type declarations. ts(2307) error while using router.options.ts?
see sample image here
I have a nuxt 3 project and I would like to use custom routing with it. I followed nuxt documentation on custom routing and added a folder named 'app' and inside I created router....
0
votes
0
answers
13
views
try to set false value using UseQuery vue
I am learning vue at the moment. I'm trying to create a loader from the front end for a table, I set the value true first before getting results from the endpoint so that the loader can work in then ...
0
votes
0
answers
17
views
How Do I Pass Streaming Data from Nitro API to Pinia Store so I can use it in Nuxt Component?
In my Nuxt app I have a Pinia store and am making an API call via the Nitro server that gets streaming data in response. When I try to update the Pinia store with the streaming data it does not update,...
0
votes
0
answers
12
views
Nuxt.js global middleware keep redirecting me to login after refershing a page after authentification
So i have a globabl middleware that is supposed to portect other routes based on if a token is in local storage
import { parseCookie } from '~/utils/parseCookie';
export default ...
1
vote
0
answers
13
views
How to set loadingTemplate inside custom Nuxt Module
I'm building a nuxt module, and want to set loadingTemplate within this module.
What I tried so far is modifying devServer inside module like below (But no luck)
import { loadingTemplate } from './...
0
votes
0
answers
9
views
Nuxt App Error: Package import specifier "#internal/nitro/virtual/app-config" is not defined
I'm encountering an issue while trying to run my Nuxt application locally after i install nuxt content module before it the project is woring normally . The app fails to start and throws the following ...
0
votes
0
answers
25
views
Nuxt 3 Supabase - 500 auth Session missing
I am trying to integrate Supabase Github OAuth with Nuxt 3 but I am having an error "500 auth session missing" and it's very slow!
The server middleware causing the Error: (user.ts)
import {...
0
votes
0
answers
12
views
Deploying nuxt/laravel site to forge laravel give me an error 500 concerning nuxt chunks
I have an error when deploying the nuxt part of my nuxt/laravel site to forge laravel. I get the following error Cannot find module '/home/forge/my-site.com/.output/server/chunks/app/_nuxt/index-...
0
votes
0
answers
25
views
Open/Close a Sheet component from shadcn-vue using a button in a parent component
I am using Nuxt and have added a Sheet component from shadcn-vue (https://www.shadcn-vue.com/docs/components/sheet.html) into my project. The example provided in the documentation uses a SheetTrigger ...
0
votes
1
answer
34
views
How do I trigger hot reloads for my custom CSS in my vue component?
<template>
<div class="binav" ref="binav">
<div class="nav-content" ref="content">
<component :is="item&...
0
votes
1
answer
10
views
Nuxt 3 HMR Module not reloading changes
I have nuxt 3 project and installed couple of packages .
the hmr was working fine .. it just stopped suddenly no clue why .
there's no errors in the console . the cmd shows the files are being updated ...
0
votes
0
answers
10
views
Why does the language setting not work for input error in vee-validate?
I think I have set all the language settings for vee-validate but it still defaults to the English language error! I want to display the errors in Farsi language. I have also installed the necessary ...
0
votes
1
answer
17
views
Optimizing Background Images In Nuxt 3
I'm developing a Nuxt.js application and I need to set a decorative background image for a <div>. I prefer using background-image for decorative elements, as it is semantically more appropriate, ...
0
votes
0
answers
9
views
How to import input in select field with vee-validate 4
I am going to put an input as an input to filter the options at the beginning of the options.
But when I put the input inside the field, it is not rendered and displayed at all.
<script setup>
...