Category "vue.js"

Vue - How to access component's property from Vuex

In my app I use Vuex to perform async tasks. In this case I use it to log user to my app. When user is logged and axios.then() is being performed I want to info

How can we set a default value of a v-text-field of vuetify in nuxtjs?

I am new to vuejs and nuxtjs and at my company they are using vuetify. I need to set default value as 0 to v-text-field fields in the application but I cant fin

how to call firebase callable functions from localhost?

I get this error: whenever this cloud function is called: const makeAdmin = firebase.functions().httpsCallable("makeAdmin"); makeAdmin({

"[Vue warn]: Invalid Component definition" in Jest when importing an SVG in Nuxt JS

I have an error exclusively in my Jest unit test when I import an SVG in the component being tested: console.error node_modules/vue/dist/vue.common.dev.js:630

Vue - Handle non English characters in an attribute

I have a Vue app that is hosted in an ASP.NET MVC server Inside one of my Vue templates, I have this code <button title="@MyResxFile.Tooltip"> ... </bu

Laravel Inertia Shared Data not updating

I have a laravel breeze app up and running using InertiaJS scaffolding. I'm using a middleware to pass general data to the layout. The issue is the following :

vue ui showing Error: NO_MODULES when creating a project (windows)

I could see the GUI on the browser when I run vue ui command, and then when creating a project, I selected the npm as the Package Manager from the dropdown list

Vue Pinia function is undefined in onMounted when unit test is ran

I have a component and a Pinia store which contains a state and some actions. The code works perfectly fine in browser and in E2E (cypress) tests, but fail on u

NuxtJs dynamic open graph tags are not working

i am trying to set up a dynamic open graph meta tags using the following code async asyncData({ app, route }) { let postDetails = await app.$axios.g

How to type a function that only accepts a Readonly Ref in Vue 3?

In Vue 3, you can create a readonly ref or reactive by simply wrapping it with readonly(myRef). Is there a way to enforce a function is called only with a Reado

How to get rid of Delete `··` (prettier/prettier) errors in a Vue JS project

I am trying to get rid of the error in relation to @vue/prettier. I have tried a few things, but it seems to throw up even more errors. My .eslintrc.js is as fo

How to get the v-for index in Vue.js?

I have a Vue component like bellow: <div v-for="item in items" :key="there I want get the for-loop index" > </div> ... data(){ items: [{name

How to properly check all checkboxes and change states with Vue?

Been searching for a while for this issue, now I work to select all checkboxes: 1.- When the checkbox labeled as "Seleccionar Todos" is checked, must check all

Error with eslint and vue/comment directive

Hello I was just running my website and I have 20 errors like this : Module Error (from ./node_modules/eslint-loader/dist/cjs.js): error clear vue/comment-di

How to configure Vite dev server for running through a port proxy path?

I'm trying to use Vite dev server in a cloud-based development environment where I can serve on and connect to ports, but need to access them through a proxy pa

vue3) Google Login Api (GSI)'s redirect mode can't find http://localhost:3000

I want to adjust google login api(GSI) redirect mode. If api complecated, redirect the url to "http://localhost:3000/oauth", post credential token to backend an

Include external javascript file in a nuxt.js page

I have a relatively simple question. I am trying to implement the widget from this codepen in Nuxt.js. Here's my code, which works fine if I use RAW HTML: &l

vue-router, nginx and direct link

I'm trying to setup a vue-router on my nginx server. The issue I'm having is that my route doesn't work if I enter url directly to the browser myapp.com/mypath.

Show progress on html file input?

I want to show a progress bar or spinner when I choose a file for upload, I'm not talking about server upload success, I already got that covered, I want to sho

Using layout property in <script setup> tag

Is there any way to use layout property of inertiajs for vue 3 in <script setup> tag? In other words, I am asking for an equivalent of the following code,