Category "vue.js"

vuex-persist not updating vuex state

I'm having a difficult time figuring out why my state isn't changing in vuex persist. Part of the code is shown below: <v-btn :disabled="!isEditing"

Do we have router.reload in vue-router?

I see in this pull request: Add a router.reload() Reload with current path and call data hook again But when I try issuing the following command from a Vue c

How to use Vue Testing Library with Nuxt.js?

I want to use Vue Testing Library in my Nuxt.js app. But straight after installing the package, launching a test triggers this error: 'vue-cli-service' is not

Storybook is displaying everything in Show Code

I am using Vue 3 + Storybook. Everything is working fine, except when I click "Show Code", it just shows everything instead of just the template.. what am I doi

Using Font Awesome in Vue 3

I'm trying to use Font Awesome with Vue 3. I have it in my package.json "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.34", "@fortawesome/free-bra

How to use background-image in inline styles in Nuxt.js

I have a .vue file where I want to use inline styles <img src="~static/img/info/production/pic4.jpg" class="t22" /> <a href="/page/fresco-art" class="b

Vue JS returns [__ob__: Observer] data instead of my array of objects

I've created a page where I want to get all my data from the database with an API call, but I'm kinda new to VueJS and Javascript aswell and I don't know where

Vuejs and laravel - Template should only be responsible for mapping the state of the UI

There's some part of my project where i have some vuejs content inside of a blade template of course. But it gives me this error: " Templates should only be res

Can install sass-loader in Vue 3 project

I am trying to add sass/scss loader AFTER creating a project with vue CLI. I ran this script: $ npm install -D sass-loader@^10 sass and I am receiving following

How to add Vue 3 components programmatically?

Vue 3 doesn't have Vue.extend() method, so example here doesn't work: https://css-tricks.com/creating-vue-js-component-instances-programmatically/ I have tried

Vuejs 3 createApp using firestorePlugin from vuefire getting Uncaught TypeError: Cannot set property '$unbind' of undefined and no render

in my vuejs3 app I'm having this simple code in my main.js import { createApp } from "vue"; import App from "./App.vue"; import { firestorePlugin } from "vuefir

How to catch server errors in Nuxt.js so it doesn't crash page render? (Vue)

Context This question is related to my other question, How to handle apollo client errors crashing page render in Nuxt? , but I'll try to keep this isolated sin

Vue Router: hide parent template when child is open

Im trying to install Vue.js with the router and im running into some view issues. I have a router.js with child routes. I want to use this method for simple bre

Vue 3 - "Failed to resolve component" with global components

My Vue components work fine when declared in the top level HTML file, like this <body> <div class='app' id='app'> <header-bar id='h

Nuxt CSS properties declared on :root selector are not found

I have a Nuxt 2 app and I'd like to create a component with a <style> tag like the following, using CSS properties for styling. The goal is to define a de

Mapbox event when brand new tile is loaded

I'm using Mapbox GL JS API to manipulate a Mapbox map. My question if there's an event that's capable of telling me for each HTTP request for new tile? I finish

Testing with vitest and testing-library is not working: it is due to using the SFC Script Setup?

I'm new to Vue and especially with the composition functions. I'm trying to test a component that uses the script setup; however, it seems that it is not workin

Why is my env variable undefined when deployed to AWS?

I have a vue app I'm currently working on. I set the environmental variables in a file I named "config.ts" which contain codes similar to the code below: export

AWS: Authorize users to specific clients

So I have the following setup on AWS Cognito: AWS Cognito User Pool: UserPool_1 Under this User Pool I have 3 users defined: Mike, Sarah, John I have 3 App Clie

vue3 performance warning using ref

vue is throwing this message: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoid