nuxt.js Questions

1

Solved

I'm using Nuxt 3 with a Laravel API backend and trying to figure out which composable useAsyncData or useFetch, or just $fetch I should use for different API requests in CRUD and authentication. Th...
Russi asked 4/8, 2023 at 22:7

9

Solved

When I tried to run npm run dev in my nuxt project, my console returned this message: 'nuxt' is not recognized as an internal or external command, operable program or batch file. npm ERR! code EL...
Pena asked 6/5, 2019 at 1:37

8

Solved

Im using Nuxt.js, and have a custom component. This component has css in the component that sets a background image using css. I've tried the following but I get an error when I run this. The er...
Erg asked 25/1, 2018 at 5:7

2

Solved

I want to test a component using the useNuxtApp composable. This is the component(MyComponent.vue): <template> <div class="flex justify-between"> <span>{{ $fmt(12) }}&...
Weatherford asked 21/7, 2022 at 17:50

2

Solved

When adding elements via pure js on Vue Single File Component, the added elements don't have v-id-xx attribute for scoped css. How can I get THE component's v-id-hash value by pure js?
Hugibert asked 19/4, 2018 at 11:23

10

I'm trying to always go on the top of the page when route changes with Nuxt. So I've put this into my app/router.scrollBehavior.js file: export default function (to, from, savedPosition) { return ...
Edin asked 9/11, 2021 at 18:5

2

Solved

I have been looking in documentation and googling for a long time and for some reason I can't seem to figure out how to disable the default Nuxt3 loading indicator. Does anyone know how to deal wit...
Stagey asked 15/7, 2023 at 11:40

5

Solved

I am using nuxtjs v.1.4.0 spa mode set in nuxt.config.js with dynamic routing When running in dev mode all urls work corretly, after npm run build and deployment to a weblogic server I can on...
Fina asked 21/6, 2018 at 16:36

6

Solved

I have a problem with the layout default page on NUXT. I create a new page but by default, nuxt use layout/default.vue. I don't like use default layout page. If you have a solution to my problem. ...
Cowbird asked 27/9, 2019 at 12:37

1

Solved

I am trying to glue together a Nuxt 3 PWA with vite-plugin-pwa, more specifically @vite-pwa/nuxt. I installed the module and set up basic configuration (I basically followed this video) What I want...
Angell asked 6/5, 2023 at 16:50

6

Solved

I can't refresh page or open new tab of secure page after refresh or new tab will redirect me to login again Version Nuxt.js v2.9.1 @nuxtjs/module: 4.8.4 secure page middleware: ['auth'], m...
Sansone asked 18/11, 2019 at 15:30

7

Solved

I need to config server port for Nuxt3. I try to do it so: nuxt.config.ts import { defineNuxtConfig } from 'nuxt3' export default defineNuxtConfig( vite: { server: { port: 5000, }, }, }) But...
Provence asked 6/5, 2022 at 9:19

3

Solved

Segment Analytics provides a snippet with a secret API key in it. In my Nuxt.js project I created a plugin called segment.js which I registered in my nuxt.config.js: nuxt.config.js plugins: [ { s...
Refugiorefulgence asked 17/5, 2021 at 19:4

3

Solved

I'm attempting to create an apollo client plugin for a Nuxt 3 application. It's currently throwing an error regarding a package called ts-invariant: file:///Users/[my name]/Repositories/[project]/n...
Joell asked 7/1, 2022 at 1:34

5

Solved

I'm creating website on Nuxt and I have created a new app on Nuxt 3. But I have a problem for the deployment, there is no 'normal' build for 'normal server' as Nuxt 2.x. I'm using 'Lambda' preset. ...
Sawfish asked 19/3, 2022 at 10:10

3

Trying to add any default parameters or headers (in this case a json web token as authentication header) to the $fetch composable so that i dont have to do await $fetch('/api/example', { headers: ...
Winglet asked 14/8, 2022 at 20:7

6

Solved

I am converting a VueJS project to Nuxt.js and I have a problem understanding how nuxt handles routing. Its documentation doesn't say anything about Pushing a route. Using VueJS I have the followi...
Fritter asked 16/5, 2018 at 15:52

2

Solved

What are correct Typescript types for input events in Vue? When I use Event it is missing target value or key or files properties. Let's have an example for: <input @input="(e: MISSING_TYPE...
Futures asked 28/8, 2020 at 9:27

3

i have declare a middleware that check role of every routes in nuxt.config.js. but want to disable in some pages. // in nuxt.config.js => router: { middleware: ['role'] }, // in middl...
Wyattwyche asked 27/8, 2021 at 18:35

3

Solved

I have a Vue SPA that I'm trying to migrate to Nuxt, and this is my first attempt. I've copied across my components, and have been adding back dependencies to my package.json, however after getting...
Aegean asked 23/3, 2022 at 21:58

6

Solved

I have a fresh install of nuxt version 2.14.6 and I would like to silence an error I get when I run the nuxt command: WARN Though the "loose" option was set to "false" in your ...
Codicodices asked 1/5, 2021 at 19:57

0

I want to make asynchronous composables with useFetch(), $fetch and asyncDataFetch() but there is a constant error, which says: Error: [nuxt] A composable that requires access to the Nuxt instance ...
Engaging asked 15/6, 2023 at 16:19

11

I am using the Vue ESLint plugin and it has a rule for not allowing single word component names. However, I am also using Nuxt, and to set a default Layout in Nuxt you need a .vue component named d...
Jefferson asked 3/1, 2022 at 20:16

1

Solved

I want to display firstname and lastname through Introduction.vue. In InformationField.vue i am declaring the props. and calling them in Introduction.vue by v-model:propsname ="form.introducti...
Pasley asked 12/7, 2022 at 12:52

3

Per GDPR, I've been wondering if using sentry.io (in this case nuxt) on a website requires to show a cookie notification / settings to opt out from sentry ? Unfortunately, the sentry.io website onl...
Marchall asked 8/11, 2021 at 15:52

© 2022 - 2024 — McMap. All rights reserved.