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
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
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
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
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
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
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
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
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
As stated, the package @meforma/vue-toaster has a clear() function in the API here. My vue and vite project setup: main.js import Toaster from '@meforma/vue-toa
I am following the following this guide, that shows how to enable "Route Based Modals" in Inertia.js. The post is written for Vue2, and I am using Vue3 - and I
I have a project build with Vue.js 3.2.13 and Vue-Router 4.0.14. I think I do everything right but the browser raises an error "[Vue warn]: Failed to resolve co
The transition Does not work in inertia page . if add appLayout between transition tag . its working . but all content gives transition. Dashboard.vue <templ
How do I import globally with Vue 3 in the main.js the ref, reactive and computed? I'm trying to avoid doing this in each component: import { ref, reactive, com
I'm adding an Openstreetmap component. Newbie, straight to Vue3 (do not ask me to start from Vue2), MapLeaflet.vue : I took the code from here: https://vue2-lea
I have a simple Vue component with root element as ref="divRef". However, in onMounted function, divRef.value returns undefined. Any help will be appreciated. i
I am beginner with websocket and i am trying to connect it with vue3 like this onMounted(() => { var connection = new WebSocket("wss://echo.websocket.org"
The export default statement does not seem to work inside <script setup>. If I try to export it in test.vue: <template> <div id="test" class="t
Is it possible to turn that into <script setup> ? I try many ways but missing something maybe. Need help ! <script> import ProductsAPI from '../
Is there a way to stop getting error from ESLint for single word view name in Vue3? Every time I run ESLint, I get following message: 1:1 error Component na