Category "vue.js"

Jest: Quasar table is not rendering rows

I'm using Jest for testing a quasar table in VueJs 3. The table I have is like this: <template> <q-table id="myTable" :rows="rows"

VSCode Snippet - Dynamically generating characters based on user input length [duplicate]

I have this basic snippet for vue-html { "BANNER1": { "prefix": "banner", "body": ["<!-- ----------------", "/// $1", "

VSCode Snippet - Dynamically generating characters based on user input length [duplicate]

I have this basic snippet for vue-html { "BANNER1": { "prefix": "banner", "body": ["<!-- ----------------", "/// $1", "

What does () mean if set as a interface property?

In the Vue.js source code (packages/reactivity/src/effects.ts), I found this: export interface ReactiveEffectRunner<T = any> { (): T effect: ReactiveE

Integrate bootstrapVue using TypeScript and Vue3

use(BootstrapVue as any) can correct the following error but still in browser it doesn't work. main.ts : import { createApp }from 'vue'; import App from './App.

How to use Vue 3 reactive object outside Vue ecosystem

I'm trying to pass global state created like this in micro front end applications. But the problem is that I have to "watch" for changes somehow in order to set

Vue3 CoreUI CMultiSelect submitting unintentionally when 'Select all options' is clicked

I'm fairly new to coding in Vue.js (3) and the project I have stepped into uses CoreUI for Vue as its main framework for forms and displays. I'm not sure if thi

How to setup Flowbite with Nuxt? [closed]

Here is a sandbox with Nuxt and Flowbite. Imported according to instructions from Flowbite The problem is that the styles of the flowbite comp

How to test transition function in Vue 3 test utils?

I have a problem testing transiton functions with jest and vue test utlis. This is my component code: <div class="disclosure"> <button clas

VueJS 3 CLI environment variables secret isn't working

I'm new to vue .env. I looked everywhere for a straight answer till I got lost. According to VueJS documentation that if we have .env.local file that will be lo

New url is not opened in a new tab

I have this code : <b-btn variant="primary" class="btn-sm" :disabled="updatePending || !row.enabled" @click="changeState(row, row.dt ? 'activate'

my site looks fine on the developing screen but zoomed in on other screens even if they are the same size of mine?

I am developing the front-end o a website using vue.js version 2 and bootstrap-vue (bootstrap v-4.5). Its responsive and works fine on mobile but on laptops and

Nuxt/Vue Printing in Safari

Calling window.print() in a function fails to bring up the Safari native print window. This does however work in Chrome. I've tried: Attempting to follow this l

How to close a div on click in vue js?

I have added a close button to a div in Calendly popup in VueJS and I want to close this div when click on the close button. How can I do this? This is my Calen

How to call render functions in Vue 3 composition api?

Back in vue 2 i used to call render() like that: export default { mounted(){ ... }, render(){ ... }, methods(){ ...

Keep all style of page inside page block element

I have this code : <div class="page-payment"> <div class="payment-methods" v-if="!pending"> <sepa-modal ref="sepaModal" /> &

How to use Vue in an existing typescript application without modules?

I'm trying to use Vue in "progressive enhancement" mode in an existing site, which already uses Typescript extensively. The vue tutorial shows code like this: &

Display a specific route in a different router-view

I've got a Vue 3 app with Vue Router 4 and I want to achieve this: <template> <v-app> <router-view></router-view> //This is where

How to add slick carousel to Nuxt

I am basically trying to add this onto the site https://codepen.io/pnmcosta/pen/GYpxgr Placing that on one of the components and it gives the following error r

Vue web component prop not being set through html attribute

I've got a vue web component with a numeric prop on it, and through some testing have found that doing something like this doesn't work in setting the prop valu