Is ASync/Await not working as expected in route BeforeEach guard in Vue?

This is my route guard: router.beforeEach(async(to,from,next)=>{awaitstore.dispatch('GetPermission');if(to....

From [Vue.jsdiscussion group] 2023-11-06 23:44:52 0  1  929

Using useFetch to retain cached data in Nuxt3

I have the following problem while using nuxt3. The dynamic page [slug].vue loads the data for the initial slu...

From [Vue.jsdiscussion group] 2023-11-03 21:01:41 0  2  926

Heroku/Nuxt: nuxt command not found (sh: 1: nuxt: not found)

I ran into a problem where I ended up deploying a server side nuxt app with express server to Heroku. The buil...

From [Vue.jsdiscussion group] 2023-11-05 18:59:02 0  1  923

Vite + Vue3 in Electron: How to import and use Material Design icons @mdi/font (or any other icon font)

I want to bundle @mdi/font icons into my app (it's an Electron app). I installed npmi@mdi/font--save-dev:"...

From [Vue.jsdiscussion group] 2023-11-02 18:43:57 0  1  917

Accessing environment variables in composables in Nuxt3: a guide

In my nuxt3 application, in order to get data, I want to set a base URL for all API calls. When I get this bas...

From [Vue.jsdiscussion group] 2023-11-23 13:54:30 0  1  916

Vue 3 action to add wrapper for each child element

I have a form component that looks like this: <form-component><text-componentname="test1"/&...

From [Vue.jsdiscussion group] 2024-01-02 16:58:52 0  1  915

Vue 2.7 Combination API + Vuex

We are trying to migrate a Vue2 application to Vue2.7 but are having some issues combining the API and Vuex. I...

From [Vue.jsdiscussion group] 2023-11-03 10:06:49 0  1  903

vue.js/bootstrap: onclick event method not called, error "Variable not found: updateDocument"

I'm new to front-end development but have basic understanding of HTML5, CSS and Javascript. I created a vue.js...

From [Vue.jsdiscussion group] 2023-09-09 20:06:48 0  1  896

What are the performance numbers next to components in the Vue dev tools?

Does anyone have insights or resources for a certain feature in the Vue development tools? On the components p...

From [Vue.jsdiscussion group] 2023-11-09 14:46:48 0  1  889

Vue 3 dynamically imports based on Props

I am using unplugin-icon to create an icon component, normally I can import e.g. //scriptimportIconCopyfrom'~i...

From [Vue.jsdiscussion group] 2023-11-16 11:40:01 0  1  888

Nuxt.js SSG (Static Site Generator) Get API Data

When building a project using a static site generator, I understand that documentation created in advance is p...

From [Vue.jsdiscussion group] 2023-11-16 21:36:07 0  1  882

Can't use DefineProps with TypeScript

I've been using withDefaults and defineProps for a while but suddenly it started failing and I don't understan...

From [Vue.jsdiscussion group] 2023-11-10 19:48:26 0  1  882

In Vue.js, the meaning of the dollar sign ($) prefix refers to the internal properties or methods of the Vue instance. These properties and methods are used internally by the Vue.js framework, and it is generally not recommended to access or modify them directly. The dollar sign prefix is ​​to distinguish the internal properties and methods of the Vue instance from the user-defined properties and methods.

In Vue.js, what does the dollar sign prefix in front of a property name mean? For example: this.$emit('clicked...

From [Vue.jsdiscussion group] 2023-08-14 11:37:15 0  1  872

An error occurred while creating the nuxt3 project. Unable to download template from registry

When I create a new Nuxt3 project using this command: npxnuxiinitnuxt-app it outputs this error: ERROR(node:17...

From [Vue.jsdiscussion group] 2023-11-01 23:50:03 0  2  869

How to access Vue instance in js file in Vue3?

In Vue2, I am able to access my Vue instance to use components registered in Vue. test.jsimportVuefrom'vue'exp...

From [Vue.jsdiscussion group] 2024-01-21 16:04:50 0  2  863