Category "vuejs3"

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

Vue3: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo'

I got an error message: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo' That error appear when im trying to reset the input tex

can't use template ref on component in vue 3 composition api

I want to get the dimensions of a vue.js component from the parent (I'm working with the experimental script setup). When I use the ref inside a component, it w

Error TS2322: Type 'Function' is not assignable to type 'string'

I'm trying to do a question answer catalogue that lets me pick questions with their respective answer options from a String Array, however when I try to assign

Vue 3 Composition API - How to specify a prop in setup()

I wrote a "loading state" mixin for Vue 2: export default { props: { loading: { type: Boolean, default: false }, }, data () { retu

Carousel component from bootstrap-vue3 not working

I am creating Vue app with vue3 and using the bootstrap-vue3 package for Frontend. I followed Bootstrap-Vue docs and copied the following code but Carousel does