Category "vuejs3"

Is it possible to access data / html context from root Vue 3 component

I have used Vue in the past but am struggling with how to pass information / args to a root Vue 3 component. In my html, I'd like to have something like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'deep')

I am develop a google chrome extension using vue3 + typescript. I use v-link like this in the vue3 template like this: <li> <a v-link="{name:'about'

Uncaught TypeError: Cannot read properties of undefined (reading 'deep')

I am develop a google chrome extension using vue3 + typescript. I use v-link like this in the vue3 template like this: <li> <a v-link="{name:'about'

Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (24:11)

I am using vue 3 to develop a google chrome extension. I want return a simple div in Vue 3 render function, this is the code looks like: import client from './c

Uncaught TypeError: Cannot read properties of undefined (reading 'extend') after upgrade vue to 3.x

Today I upgrade my google chrome extension vue version to 3.x, when run the app, the google chrome extension popup console shows error like this: commons1.js:13

How to toggle to dark mode in Vue JS and Tailwind CSS

I want to toggle to dark mode in Vue JS and Tailwind CSS with Dark class in tailwind, but I don't have idea what I should do. I code a little and I want to try

How to create reusable toastService with primeVue toast?

I want to know if there's a way to create a reusable scritp/class/service with primevue toast function calls, in such a way that I don't need to call the primev

Set dynamic class depending of parameter received

I'm new using Vuejs and I have a component that I want to set height value only if I send a parameter in props So, my class is something like this: <input

How do you call methods in vue3-carousel

Very new to using vue, I just got simple question on how I could access the API supplied by vue3-carousel according to the docs: https://ismail9k.github.io/vue3

How to bind an empty array to the props in Vue.js3?

<script lang="ts" setup> interface Props { bigArray: string[]; } ***const props = withDefaults(defineProps<Props>(), { big

How to use vue router and vuex inside custom element from root?

I have project with nested custom elements. Now I need to vuex & vue router. How I can use this packages from root custom element and then use in all child

How to correctly declare static refs in Composition API using Typescript?

I am using the Composition API (with <script setup lang='ts'>) to create a ref, used in my template: const searchRef = ref(null) onMounted(() => { sear

Vue 3 Composition API: Update Child components props dynamically when values update from the parent component

I am trying to update a prop value when the data from the parent component gets updated and passes through the prop. The parent value always updates but does no

Add many 3d objects on mapbox map using three.js

I want to add about 20.000 plane geometries on mapbox map. Docs have example with only one object(even camera configured for one object). My purpose - isometric

Vue3 Vuex Persist not saving data appropriately

I'm having a difficult time getting Vuex-Persist to work properly. Basically, not saving the data it should: Secondly, it disappears upon refresh. Which defeat

Vue 3 setInterval Methods behavior

Env I have a Vue 3 Application which requires a constant setInterval() to be running in the background (Game Loop). I put that in store/index.js and call it fro

How to use TypeScript + Composition API + Vuex (namespaced)?

I'm currently trying to create a Vue 3 Application that utilizes the Composition API with Vuex 4 (namespaced) written in TypeScript. There are tons of different

How to prerender a Vue3 application?

I try without success to apply a prerendering (or a SSG) to my Vue3 application to make it more SEO friendly. I found the vue-cli-plugin-prerender-spa, and when

Vue 3 Vite - dynamic img src

I'm using Vue 3 with Vite. And I have a problem with dynamic img src after Vite build for production. For static img src there's no problem. <img src="/src/a

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