Questions tagged [vuejs3]
Use this tag for questions specific to version 3 of Vue.js, an open-source, progressive Javascript framework for building user interfaces.
vuejs3
5,862
questions with no upvoted or accepted answers
12
votes
0
answers
4k
views
Webpack refreshing whole cache after exception: [PackFileCacheStrategy]: Cannot read property 'hasStartTime' of undefined
We have a project using Typescript and Vue 3.1.5 and Vue CLI 5.0.0-beta.2 which in turn uses Webpack 5.47.0. For development the startup of vue-cli-service serve was really slow (lots of dependencies)....
11
votes
0
answers
977
views
How to get TypeScript errors to match original line number in Vue + TS + Webpack project
So I've set up a Vue project with Webpack, then I installed the proper loaders and moved to TypeScript inside my SFCs. It's all running good, except that the TS errors caught during build time are ...
10
votes
1
answer
4k
views
How to debug vitest in Visual Studio code. Currently have "unbound" breakpoints
According to the Vitest documentation, this is supposed to allow debugging of Vitest in visual Studio code. So I have the following in launch.json:
{
"version": "0.2.0",
"...
9
votes
1
answer
8k
views
Prettier is Indenting by 2 spaces instead of 4 on "Shift + Alt + F"
I am using Vue 3 and VS Code with Prettier as my code formatter, and I want the indentation to be 4 spaces instead of 2, and I've configured 4 spaces on the bottom right side of my VS Code. But still ...
8
votes
0
answers
997
views
Full props declaration (with defaults and validators) in Vue 3 + TypeScript + <script setup>
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">
defineProps&...
8
votes
0
answers
3k
views
Vue 3 - How to disable adding trailing slash?
Problem statement : Vue app changes the URL after loading the scripts and adds a slash to the end. This only happens for routes where the path matches /.
I have the server configured like this :
/game(...
8
votes
0
answers
4k
views
How to use Webassembly/wasm modules with Vite and Vue 3?
I am trying to import a wasm module into a vite vue 3 project.
https://github.com/rsms/markdown-wasm
<script>
import init, { parse } from "markdown-wasm";
export default {
async ...
7
votes
0
answers
4k
views
How are components extended using the new Vue 3 <script setup> tag?
I have gone through the Vue docs over and over, and Googled this many times, but I can't find a clear answer on how to accomplish extending components using the Vue 3 <script setup> tag.
The old ...
7
votes
0
answers
2k
views
Cannot read properties of undefined (reading 'scoped')
I'm building an UI Library based on rollup.
An error occurred and I have no idea how to solve it.
TypeError: Cannot read properties of undefined (reading 'scoped')
at transformStyle (C:\my-kit\...
7
votes
2
answers
3k
views
How to break pinia store into individual files?
I am using pinia to manage state into my Vue3 app. There has been thorough discussion here to break pinia store into individual files like state, getters, actions. But I am looking for a more 'stable' ...
7
votes
0
answers
2k
views
VueConstructor type is missing from Vue3 compat build?
We are in the process of migrating a Vue 2 app with TypeScript to Vue 3. Since that App is rather big, we need to use @vue/compat in order to be able to migrate our App one step at a time.
However, ...
7
votes
0
answers
5k
views
Upgrade Vue 3.1 to 3.2
I have an existing Vue 3.1 application. Since 3.2 came out I thought about upgrading it, but I can't find any documentation on how I should approach this. Maybe it's super simple and everyone knows ...
7
votes
0
answers
711
views
Vue v3 + Typescript Error: You may need an additional loader to handle the result of these loaders
I'm new to Vue with Typescript and I'm currently facing an error when I try to compile in a beginner omdb based project. I hope someone could give me some insight. I should mention that I have ...
7
votes
0
answers
3k
views
Vee Validate 4 validation with Vuex 3 computed property
I'm trying to build a multi-step form wizard following the official Vee-Validate guide, the example it provides is found here. While this is helpful, I want to incorporate Vuex into this, and I'm ...
7
votes
1
answer
1k
views
Importing and displaying component from another local project in vue 3
I'm trying to create a library (vue3-lib) with vue3 and typescript based on primevue, that will be used in some other projects (like vue3-project). When running the vue3-lib everything works as ...