I use Nuxt 2 with Vue 2 and vuetify. My vscode was updated and I am getting an eslint error with v-html. The code is: <v-list-item-title v-html="`${parent.genFilteredText(item.nome)}`&quo...

I want to do a common thing - include dynamically an svg HTML in Vue Nuxt application which I will able to style. To do this, I created a component but instead of image, I get a text data:image/svg...

external script doesn't always loads when we navigate between components nuxt 3 , i have created component dashboard/index.vue added this code useHead({ script: [ { src: 'https://code.highcharts...

I have array of cards like this <nuxt-link :to="{ name: 'portfolio-slug', params: { slug: card.slug } }"> <a :href="card.link>Go to href</a> </nuxt-link> click on card w...

I encounter the classical nuxt instance not available error when server side rendering a nuxt page containing the following logic: <script setup> const getImageOne = async () => { return ...

We are using this approach to rendering content: <div id="full-article" v-html="content"></div> this.content = api.response.data In this approach, "content&quo...

I'm working on a Nuxt.js project and using Vitest for unit testing. I need to verify if the navigateTo function from Nuxt.js is called with a specific path in my tests. Here's the relevant part of ...

Is there a difference between nuxt start + nuxt preview? And is it correct to start a server with an ssr nuxt app in production mode with: npm run build (nuxt build) npm run start (nuxt start) ? Fo...

I do yarn build without the .env file Add the .env file to the project I do yarn start. Print the useRuntimeConfig().public.baseURL to the console and get undefined. Why is runtime not tracking m...

I have a long list on page A that I am scrolling through. When I visit another page and later return to page A, I want to be at the scroll position where I left. I have found this package for Vue ...

I have js file called script.js in assets/js. Tried to include in nuxt.config.js like below: head: { title: pkg.name, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-w...

found this error when trying to run my nuxtjs app with vuetify on mobile viewport, but everything runs well on desktop viewport. error on local machine image : error on local machine : The client...

I'm using NuxtJS with a capacitor. The top status bar on an IOS device is overlapping while we scroll. I also added "ios": {"contentInset": "always"} in capacitor.conf...

While I wrote this answer for StackOverflow I came across the problem that I wanted to execute some code exactly once in Nuxt.js when the server is started (or while the server is starting). I thou...

I need to integrate ExtJS WebComponents with Nuxt.js. According to Sencha docs about integrating ExtJS with Vue.js I need to edit src/main.js file this way: /*global Ext*/ import Vue from 'vue' im...

I have setup a pnpm workspace with a number of projects that I am adding as git submodules. A previously working Nuxt project suddenly started giving the error The request url * is outside of Vite ...

I want to play around with these new storage features Vercel has added recently, but can't get the Postgress one to work. I used this template. It deployed perfectly fine, but when i try to run it ...

I'm currently working on a VueJS project with a SASS integration, and I would like to get access to the SASS variables inside the script part of the component to make dynamic style calculations. I ...

(After having edited my original question many times over, I have decided to completely rework it as to make it more clear and succinct. This is in accordance with StackOverflow recommendations.) T...

I'm trying to nuxt generate my static (with dynamics url params) html pages. Here's my route config in the nuxt.config.js file routes: function () { let domain = 'https://example.com' if (proces...

Currently I am doing something like this to import stores in components import { useSomeStore } from "~/store/someStore"; const store = useSomeStore(); What I would like to achieve is sk...

I'm new to VueJS and confused about the warning from nuxt: 'state' should be a method that returns an object in store/store.js So, my store.js contains the following (yes im trying the tutoria...

I'm trying to setup vitest + @vue/test-utils but I can't test some components that use ref(Vue) or useCookie (Nuxt), I have the same problem with Pinia as well where I import globally 2 functions i...

I deployed a simple Nuxt (version 3) app over Google Cloud Run and tested the performance using Lighthouse. The score was pretty horrible but one of the most impactful improvements it offered was t...

I want to pass image url to child component but image is not showing. I tried v-attr, :attr, :src properties. pages/index.vue <ThumbNail img-url="assets/img/igsim_intro.png"/> comp...