Category "vuejs3"

problem with vue3 animation when using dynamic component

I want to add animation for two components , this is my code : let activeComponent = ref('Login') </script> <template> <Transition name="fad

I can't import qs in vite

I use vite, ts and vue3. Now I want to use qs.stringfy() to build a url's query, but it panic. I use yarn add @types/qs to add qs. My code like this import

Vue Stylus Sass Variables

After integrating stylus into my Vue3 application, my global css variables no longer work (loaded through prependData as mentioned here). Old, working code (no

Firebase / Firestore Add Document to Sub collection Version 9

Some reason, I just am not getting it. I want to add a new document to a sub-collection. Here is my layout as follows: Users----------- Collection UID--------

How to use Axios with Vue 3 Composition API

I am attempting to build a Pokemon filtered search app with Vue 3 and Composition API based on the following tutorial: https://www.youtube.com/watch?v=QJhqr7jqx

Vuejs3, Vite - How to run Production Build

I'm trying to run a simple vue.js app. My setup is a vue.js 3 app with vite, built according to the tutorial on the official website. (https://vitejs.dev/guide/

HMR doesn't work since the vue cli plugins update (v5)

Version 5.0.1 Reproduction link github.com Environment info Environment Info: System: OS: Linux 5.13 Ubuntu 20.04.4 LTS (Focal Fossa) CPU: (12) x64 I

Pinia w/ Vue3: Using Actions in template returns funcName is not a function

Using a Pinia action from within the template in Vue3 gives Uncaught TypeError: $setup.[storeName].[actionName] is not a function Am I doing something wrong o

vuex state not updating UI on change

I am in the process of converting a vue2 to vue3 project and noticed my UI isn't updating when objects from my vuex store are updating. Here is how I create my

Web3js fails to import in Vue3 composition api project

I've created a brand new project with npm init vite bar -- --template vue. I've done an npm install web3 and I can see my package-lock.json includes this packag

How to debug Vue 3 Vite while on lan --host

How can I debug while using --host option on Vue 3 Vite so I can debug my phone instance for example. At the moment Im using visual studio code plugin "Vite" la

Uncaught TypeError: emit is not a function in vue3

when I write this code in vue 3 setup code block to get the input value follow this answer, this is part of the code: import { defineComponent } from "vue"; imp

Scss not loaded with Vite

The build with Vite and Vue works like a charm (so ist the path correct). However, it does not with storybook. Here my config: vite.config.js import { defineCon

Vue 3 Composition API - How to get the component element ($el) on which component is mounted

I want to use onMounted to initiate third-party library. To do that I need the component element as its context. In Vue 2 I would get it with this.$el but not s

Why dynamic component is not working in vue3?

Here is a working Vue2 example: <template> <div> <h1>O_o</h1> <component :is="name"/> <button @cli

Vue 3 dynamic components at router level

Dynamic imports is needed for me, eg. i have 10 layouts, but user only visited 3 layouts, I should not import all of the layouts, since its consumed unnecessary

How to use sass global variables from other components in vite/vue3

I want to use and change global variables from other components, my files structure looks like this... enter image description here I have my variables in globa

Watch Vue 3 global variable for changes

I set a provider in my main.ts file: app.provide('currentPage','test1') And then inject it in a component Home.vue: inject: ['currentPage'], I then can update i

How to define `name` and `inheritAttrs` in `<script setup>`?

Options API: <script> import { defineComponent } from 'vue' export default defineComponent({ name: 'CustomName', // 👈 inheritAttrs: f

Configure el-date-picker

Does someone know, how to configure a el-date-picker in element-plus to set the first day of week. The docs say it configurable via day.js but not to use config