Category "vuejs3"

Teleport in component from slot Vue3

I want to create tabs component for my components library. I want tabs and tab components to work like this: <b-tabs> <b-tab :title="'tab 1'"

Vue 3: component not rendering when added with router-view

I have created vue app using vue-cli and instead of html I have added my component TopBar for links and those links are not getting rendered. App.vue <templa

Using lottie animations with vue 3 js

How to use lottie animation files in vue3. I used the lottie web player component but vue js gives a warning of component not being registered. There lot of wra

TypeError: Cannot read properties of null (reading 'isCE') - Custom Component Library

I am having trouble building a custom component library for Vue 3 using ViteJS and NPM. I have included a basic illustration of my issue below, can someone plea

How to validate a form with ref in Vue Composition API

With the Options API, I validated my form like this: template: <v-form ref="form" v-model="valid" lazy-validation @submit.prevent> ... script: methods: {

Vue 3 checkbox component does not work in laravel as checkbox (Accept terms) situation

I'm working on a laravel 9 project that uses vue 3. For each form input has been made field components.Everything works fine except registration checkbox (Accep

how to call actions from pinia store?

How I can call action from pinia store in vue 3 component? I use composition API. For example, I would like to import 'openLessonCard' - it is action in pinia s

How do I use Vue3 with vue-jest?

I have the following dependency... "vue-jest": "latest", But when I run npm install I get... npm WARN ERESOLVE overriding peer dependency npm WARN Found: vue@3

ref vs reactive in Vue 3?

Looking at some examples of some people's preview tutorials for Vue 3. [Currently beta right now] I've found two examples: Reactive <template> <butto

Call a function from another component using composition API

Below is a code for a header and a body (different components). How do you call the continue function of the component 2 and pass a parameter when you are insid

After test is run, Error "TypeError: Cannot read property '$model' of undefined..." appears

UPDATE: I've found out that i have to mock certain functions but it is still a hell of a job :) I've been stuck on this particular problem for almost 3 weeks no

Vue3 Manually Render Slot Content

I'm trying to parse out the contents of a slot and render the contents in multiple places. The idea is to create a wizard that allows each step to be contained

Vue3 Manually Render Slot Content

I'm trying to parse out the contents of a slot and render the contents in multiple places. The idea is to create a wizard that allows each step to be contained

Laravel Inertia prop not passing values

When calling an edit function the prop mealService is passing null values and will not populate form fields with values. It looks like the controller isn't load

Handle a click event on Splide component

I'm using Vue-splide with the latest version. I want to handle the "click" event, so I wrote <Splide @splide:click="test" :options="options"> functio

How to use v-model on component in vue 3 script setup

I want to add a v-model on a component but I got this warning: [Vue warn]: Component emitted event "input" but it is neither declared in the emits option nor as

Unable to filter data in props according to search criteria in Vue 3

I'm designing a client management system linked to a mySQL database and is trying to filter this displayed data from the database that is called through an API

Vue 3 - emit is not a function

I'm having a strange problem using emit in Vue 3 Composition API + Vite. I want to make a simple emit from a child component to a parent. The code of the child:

How to display custom building on mapbox-gl map

I wan't to display my own buildings on map(as in example). They should be static - my screen example At screenshot you can see example with marker building(it m

Using layout property in <script setup> tag

Is there any way to use layout property of inertiajs for vue 3 in <script setup> tag? In other words, I am asking for an equivalent of the following code,