vuejs3 Questions
7
I'm developing a vue3 project with vite.
The HMR doesn't working fine in my dev enviroment.
When a vue file edited, vite handle the change and send a message thru websocket correctly
{"type&qu...
Mezuzah asked 30/11, 2022 at 9:14
2
I'm having trouble adding Vuetify 3 to Astro when using the Vue integration.
This is what I have so far:
import { defineConfig } from 'astro/config';
import vue from '@astrojs/vue';
import vuetif...
Federative asked 26/8, 2022 at 9:8
3
Solved
Trying to use ES6 arrayObj.sort(a,b) => a.property.localeCompare(b.property) syntax but getting error:
TypeError: a.property.localeCompare is not a function.
I'm thinking localeCompare is not ...
Aunt asked 18/9, 2021 at 13:15
2
Solved
Say I have the following component:
<template>
<q-layout view="lHh lpR lFf">
<q-page-container>
<div class="image-container">
Image Container
</d...
2
Solved
I've seen a pattern of using props in of CompositionAPI very often,
that is use toRefs to make all entries of props ref.
I'm kind of confused by it.
For exmaple, from the Vue 3 official guide:
expo...
Amr asked 1/10, 2021 at 16:23
2
Solved
external script doesn't always loads when we navigate between components nuxt 3 , i have created component
dashboard/index.vue
added this code
useHead({
script: [
{
src: 'https://code.highcharts...
Instrumental asked 18/7, 2023 at 1:21
2
Solved
This previous SO question shows how we can use a Vue2 component as the content of a LeafletJS popup. I've been unable to get this working with Vue3.
Extracting the relevant section of my code, I ha...
10
Solved
I want to know if there's a way to create a reusable scritp/class/service with primevue toast function calls, in such a way that I don't need to call the primevue toast functions directly in every ...
Wolford asked 8/1, 2022 at 19:17
2
Solved
I'm a beginner with vue (vue 3). I'm testing a mock vue application, and after testing the default homepage, i wanted to test how to make 2 (or more) different pages. However, what i do doesn't wor...
Dorsiventral asked 21/1, 2022 at 19:25
1
Solved
So here is a basic example of modern Vue 3 props declaration with <script setup lang="ts"> with mandatory name and optional age:
// <script setup lang="ts">
definePr...
Charleen asked 20/12, 2022 at 11:12
4
I can't access my routes from the store.
There may be a good explanation for this.
I use Vuejs3 and Pinia
My store :
import {defineStore} from 'pinia'
import {useRoute} from "vue-router";...
Shope asked 24/2, 2022 at 9:11
3
Is it possible to use vue, vue-i18n only with javascript (as an object), not in the template?
in the src/boot/i18n.js
import { boot } from 'quasar/wrappers'
import { createI18n } from 'vue-i18n'
im...
Asleep asked 24/10, 2022 at 15:10
5
Solved
I have a problem trying to make a build of a new Vue3.js + Vite.js application. Once my application is finished i made the npm run build action in order to generate the final deployment files.
Prob...
Target asked 25/4, 2022 at 20:7
12
Solved
Vue can already infer the types of props when you annotate the props under the "props:" key of the component and that is good.
But is there an "utility type" in the vue types wh...
Yardstick asked 31/7, 2021 at 13:49
1
When working with Vue.js, the biggest problem I have faced was declaring a global function that can be used anywhere in the Vue application without any import.
I have tried Vue plugin. the custom V...
Urmia asked 15/4, 2023 at 22:8
3
Solved
I am using "vue": "^3.0.0" and trying to use some Reactivity in Depth from vue. But got the error
Module '"vue"' has no exported member 'reactive'
Module '"vue&qu...
Alburnum asked 20/3, 2021 at 10:6
12
Solved
in my complex Vue project I am getting this console warning:
[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid...
4
Solved
In my VueJs App everything works as expected. Only thing annoying me is a typescript error in my template block. Is there any option similar to what I would do in my script block?
<script setup ...
Rocaille asked 18/11, 2022 at 12:24
4
Solved
I have read many of the questions similar to mine, but none seem to fix my issue. I am using Vue3, TypeScript, Jest, and D3 v7. When I try to import * as d3 from "d3"; I get this error in...
7
Solved
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 name "About" should always be mu...
Bruns asked 14/12, 2021 at 9:48
3
Solved
I try to get this to work
<component v-if="!pending" :is="dynComponent" />
In Nuxt 2 it was no problem, but in Nuxt 3 (Vue 3 ?) it doesn't seem so easy.
The variable dynC...
Arronarrondissement asked 18/7, 2022 at 16:3
0
Click for Playground
<SideSheet>
<template #activator="{ onClick, ...slotProps }">
<v-btn
v-bind="slotProps"
@click="(e: PointerEvent) => onClick(e, {...
Hibernicism asked 10/7 at 10:47
4
Solved
I want to make search page which after I click its button will be redirected to another page. And this page will be like this
http://localhost:8080/search?q=foo
and my router index.js looks like t...
Hematuria asked 18/2, 2021 at 1:1
2
Solved
I have a simple composable useRoles which I need to test
import { computed } from "vue";
import { useStore } from "./store";
export default function useRoles() {
const store =...
Halflight asked 6/9, 2022 at 10:54
4
Solved
New to Vue in general and currently using 3.2.37, I possibly missunderstood the correct usage of composition api’s defineExpose directive as documented here: https://vuejs.org/api/sfc-script-setup....
Sst asked 13/8, 2022 at 13:38
1 Next >
© 2022 - 2024 — McMap. All rights reserved.