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,082
questions
0
votes
2
answers
43
views
Nuxt.js localhost redirects to /login automatically, resulting in 404 error
I created a new Nuxt project and want to use the pages/ directory, therefore I deleted app.vue as it is no longer needed. The /pages directory until now only contains the index.vue file with the ...
0
votes
1
answer
47
views
Issue with Upgrading @nuxt/image Module in Nuxt 3
I'm encountering an issue while upgrading from @nuxt/image-edge to the latest stable @nuxt/image in my Nuxt 3 project. My current setup includes:
Nuxt version: "^3.1.1"
Vue version: "^...
0
votes
0
answers
22
views
Dynamic url with Nuxt 3 SSR. Metadata seen in the browser are not seen in bots
I'm trying to do this with Nuxt 3 (SSR). I will use an SEO friendly url structure. Example;
Product;
abc.com/lace-up-sports-shoes
Category;
abc.com/shoes
Brand;
abc.com/bysho
I need to make a query ...
-2
votes
0
answers
31
views
How use nuxt middleware in client-side?
Please advise how to implement client-side middleware?
//is deprecated :c
process.client == true
0
votes
1
answer
61
views
Nuxt 3 app deployed to Azure. Environment variables are ignored in nitro section of nuxt.config.ts
I've found that my Nuxt 3 app deployed to Azure is ignoring environment variables in nuxt.config.ts.
This is what I have in local:
nitro: {
storage: {
redis: {
driver: 'redis',
...
0
votes
2
answers
34
views
dontenv.config() in nuxt 3 gives error process.cwd is not a function
I am trying to integrate Drizzle into Nuxt 3.
In /server/db/index.ts I have the following
import { sql } from '@vercel/postgres';
import { drizzle } from 'drizzle-orm/vercel-postgres';
import dotenv ...
0
votes
0
answers
31
views
Histoire not working with custom Vue component
I am trying to integrate Histoire in my Vue project (with Vite) and I successfully integrated it by creating a new component. But when I try to integrate it with an existing component of mine that ...
0
votes
1
answer
14
views
Pinia store contains null values if referenced from onMounted hook
I'm having an issue where my Pinia store will contain null for each of its state properties if I try to access it via onMounted hook. It's a little more complex than that. Here is the call stack ...
1
vote
1
answer
31
views
Nuxt 3 deploy to hosting
I hosted my Nuxt 3 project at https://nuxt-deploy.mpetrosyan.com. When navigating from the main page to a post page, everything works fine. However, if I refresh the page while on a post (e.g., https:/...
0
votes
1
answer
80
views
Nuxt - Component is already mounted, please use $fetch instead
I have this code
const redirectToPayment = async () => {
const { data } = await useAsyncQuery(
createCheckoutMutation,
{ variantId: product.value.productByHandle.variants.edges[0].node.id}...
1
vote
1
answer
69
views
How can I use my own composables inside a playwright test? [closed]
I replaced pinia with a custom composable "useSettings". In my playwright tests, I was able to access Pinia like this:
window.__NUXT__?.pinia.myStore
Now when I try to use my composable ...
0
votes
0
answers
33
views
Nuxthub cannot connect to database
Nuxthub website: https://hub.nuxt.com/
I've been trying to solve this issue for couple days now to no avail.
I have nuxthub installed, but It can't to hub database. On front-end it displays this ...
1
vote
0
answers
26
views
How to enable chunks for development on Nuxt?
When I use dev-mode with HMR and I open any page of my project every file in the project has separated request in Network Inspector - from several hundreds to several thousands files downloaded ...
1
vote
0
answers
25
views
Tailwind config is not respected in nuxt 3, my config options are ignored, I would like to limit tailwind to my content paths
I set up tailwind in my nuxt project and it works great to use basic tailwind styles. But the problem is I can not make any modifications to the tailwind config like changing the content paths. It ...
0
votes
1
answer
51
views
How can I show a loader while a form is rendering in Vue 3?
I'm using Vue 3 with the Composition API. I have a TabView component with multiple TabPanel components, and each tab contains a form that takes a few seconds(3-4 seconds) to render. I want to show a ...