All Questions
Tagged with vuejs3 vue-composition-api
1,140
questions
0
votes
1
answer
27
views
Component is missing template or render function
This is a stupid question, but I can't figure out what I'm doing wrong.
Trying to setup CK5 in Vue and I'm running into some issues. Getting this error: Component is missing template or render ...
0
votes
1
answer
16
views
How can I prevent the click event of the parent card element from being triggered when clicking on the child dropMenu? Vue 3
There is a certain case card, when clicked on, the transition inside takes place
v-for="caseInfo in casesInfo"
:key="caseInfo.id"
:caseInfo="caseInfo&...
1
vote
1
answer
44
views
In Vue3 how to access a component's exposed bindings (via defineExpose) from a parent when the component was passed to a slot?
Lets say I have a Component.vue
<template>
<div>
<div class="items">
<slot name="items"></slot>
</div>
<div class="...
0
votes
1
answer
34
views
Binding Events and Functions to Dynamic Components in Vue 3
I have an array of form field like below and I wanna render dynamic form with event and function
[...{
label: "Logo",
field: "image",
component: ...
0
votes
1
answer
54
views
Computed is still dirty after getter evaluation, with dependency being set asyncronously
I have a pinia store which loads data on demand from a database (specifically Firestore, but I don't think it matters).
When the data is queried, it sets a value into a reactive Map ({ id: <id>, ...
2
votes
2
answers
92
views
Vue 3 separation of logic with setup notation and composition API
In Vue 3 (composition API with setup method), in order to separate logic, you've to create other methods outside of your setup method (which are named composition functions) :
<script>
export ...
0
votes
1
answer
34
views
Handling form input fields with Vue Composition API and Pinia store, can all v-model variables be organized into a single object?
I am using Vue3 with the Composition API and Pinia. When building a form component with various input fields, I've been handling it like this example, where each input is assigned it's own variable (...
0
votes
2
answers
51
views
Pinia state loosing reactivity when used in an object?
Trying to wrap my head around reactivity when it comes to states from a Pinia store.
I have the following store (@/stores/settings.js):
import { defineStore } from 'pinia'
export const useSettings = ...
0
votes
1
answer
102
views
Properly mocking a composable function with vitest
In my Vue 3 app, I use the pattern of having a composable that contains methods that will handle fetching some data from various APIs. The reason they're composables rather than simple functions is ...
0
votes
0
answers
21
views
LPolyline not updating with new data with Vue 3
I am making a map application using vue 3, quasar and vue-leaflet. I have gotten the map to render and I have markers able to be rendered and update the location when new data comes in. When I try to ...
0
votes
0
answers
26
views
Tawk Messenger with Vue 3 : Set attributes in composition API
I am trying to setup the tawk widget with a Vue 3 project. The component and widget are correctly setup using this code on main.ts :
app.use(TawkMessengerVue, {
propertyId: 'correctWidget',
...
1
vote
1
answer
26
views
Computed property that relies on Vuex stored prop not updating?
When reservation is updated (which it is, I can see it change in the template through things like {{ reservation.id }}) the following computed property (reservationHashedId) is not... Why?
const ...
0
votes
0
answers
65
views
Vue 3 onMounted not loading data in Vuetify data table server
I have created this page with Vue 3 + Vuetify called demo.vue in my project which receives data from an API server.
The problem that I'm facing is that I set up the data inside an onMounted function, ...
0
votes
1
answer
118
views
How to call the methods exposed by components in slots with Vue 3 Composition API
There are some components (child component) in a slot (in parent component) and I want to call the methods on them. I tried the following steps:
Retrieve the child components as objects with useSlots
...
3
votes
1
answer
62
views
Why is a computed property necessary for reactivity in a Vue component with Pinia store?
I am storing an authenticated user of my web app (Vue and Supabase) in a Pinia store: userStore.user. My NavBar component has a login/logout link based on this state. In order to make this reactive ...