Category "vuejs3"

vue3 with vite can't import .ts interface

edit: similar to vitejs bug but different because I don't reimport. edit2: i just created a new clean project vue build tools and just selected the typescript f

VUE3: params used to select which data in composition API to populate the data in a component binded by :post

I am currently working on a view that has a component that relies on bound information. The problem I am having is finding the right syntax to use with :post. I

how to commit inputs v-model, recived by v-for directive

I don't know how to commit v-models of inputs after used v-for directive. Can someone tell me ho to pass index to computed or any other way of proper way of com

vuejs3 : can't import axios globally

I can import and use axios in a component: import axios from 'axios' export default function usePostLogin() { const login = async (url , data , callback) =>

Does Vue 3 support HTML-based single file components without compilation?

I've been using HTML-based components with Vue 2 - and loading them dynamically, without a compile step. That is, files that look like this: <style scoped>

Props passed to child component do not render well

I am attempting to pass user id's fetched from an API trough props from parent (App) to child (Modal). The problem is that when I pass the props down to the mod

v-slot attribute recieving an object as value

So, before anything else, I know that the v-slot attribute receives an object as value, but written like this: v-slot="slotProps" But I stumbled over this piec

Vite outDir outside of the project root

I am building Vue3 project with Vite and I am using Vite build.outDir option to build the project outside of the Vue3 app root. This is my project structure, wh

Pinia: $reset alternative when using setup syntax

I have a pinia store created with setup syntax like: defineStore('id', () => { const counter = ref(0) return { counter } }) Everything has been worki

How to set compilerOptions.isCustomElement for VueJS 3 in Laravel project

I'm working on VueJS 3 inside Laravel project and I'm using a JS file which providing me with elements that I use for markdown toolbar. Basically it's a set of

Vue3 v-for Maximum recursive updates exceeded in component <Carousel>

New to Vue and JS. I have a vue page myLists which takes an array of lists (containing media IDs for a title) which I used to make axios API calls and build a c

How to use class style components in nuxt.js?

I setup a nuxt3 project. and I want to use class style components but when I am installing vue-property-decorator, I am getting below error. Can anyone have ide

Other ways of showing prop-based conditonal text in Vue?

I have a component that renders text based on the users membership status and I want to change the interpolated text based on that prop value. Is there a more e

Is there any way to add ui-element, ElMessageBox confirm button click event?

When I delete a data from the table, I want it to pop up a warning in the middle of the screen first.Delete function is ready,i just want to add confirm button

Vue.js 3: Store videos offline in a Vue PWA

I am using Vue 3 with Typescript. I am trying to show a video in the PWA. It works online great but when i try it offline the video is not loading. I store the

Vue dynamically added :ref in v-for are not shown in this.$refs

I'm new to vue.js, and I have a vue.js component that basically shows numbers from a data array when the button "Add elements" is clicked, the code is the follo

How to mock a quasar component

This is my code for a quasar component that I want to mock emits: [ "buyer-protection", ...useDialogPluginComponent.emits ] But I get the following error: Type

Quill Editor won't display v-model in input field (Vue 3)

I want to display some html, fetched from a database inside of quill editor. The html seems to be fine (displayed in <p> paragraph) and is bound to quill

How do I instrument `.vue` files using the istanbul/nyc command line

Ultimately, I am trying to instrument my Vue 3 app so that I can get code coverage that includes my .js and .vue files using the below command: nyc instrument -

VueJS - create readonly copy of a ref object (Composition API)

I am getting data from db by onMounted hook and showing object in a form. When user clicks to save, I just want to check if object data has changed or not. onMo