Category "vuejs3"

I can't add Vue page transition with inertia js in vue js

The transition Does not work in inertia page . if add appLayout between transition tag . its working . but all content gives transition. Dashboard.vue <templ

Vue 3: global import for ref, reactive and computed

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

How to use vue2-leaflet in vue3 App, what changes need to be made?

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

Vue 3 refs is undefined in render function

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

websocket + vue :get error connecting to websocket

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"

How do you export default from inside script setup in Vue 3?

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

Is it possible to turn that into <script setup> ? I try many ways but missing something maybe. Need help ! <script> import ProductsAPI from '../

ESLint Vue multiword components

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

Vue3 default value in select options

how would I add a default value to this template. the default value would be the first option in the list which is 'Please Select...' <template #dropDownSe

jest with vue3 typescript TypeError: Cannot read property 'deep' of undefined

I am doing unit test using jest. The things I am working with is vue3 (typescript) with quasar. I am facing the following error: TypeError: Cannot read property

How to set the type for the state object in pinia?

I'm making a chess game and I am using Vue 3 and TypeScript with Pinia for the state management. I want to do something like the following: export const useStor