volar | ⚡ Explore high-performance tooling for Vue | Frontend Framework library

While working with multiple Vue JS projects (Vue 2 & Vue 3), it is recommended to use a different extensions based on the version your using.
Vue 2 = Vetur
Vue 3 = Volar

Is there a way to auto-enable/disable these extensions from either settings.json or vscode itself?

maybe something like:

So I'm working on a brand new project with Vue 3 and Volar as the extension in VSCode. And I'm using a component library, CoreUI. So in my main.ts I now have this code.

I'm quite stuck trying to use properties with Vue3. I've tried a few different approaches, but all of them fail the type-check phase (e.g.: yarn build).

My project is a brand new vue3-ts project created using Vite. This is my component:

I've been battling this issue for a while now. Does anyone know how to prevent intellisense (in VSCode) from adding column on autocomplete?

I have my custom component and this is how my intellisense autocompletes my component's props.

• The extension is Vetur v0.34.1 (https://marketplace.visualstudio.com/items?itemName=octref.vetur).
• I do not have a config for vetur setup.

I am using vue, ts, vite with volar extension.

In Vs code, I get the error Type '{ class: string; }' is not assignable to type 'DetailedHTMLProps, HTMLDivElement>'. Property 'class' does not exist on type 'DetailedHTMLProps, HTMLDivElement>'. Did you mean 'className'?ts(2322)

when I do

When I hover over the div I see (property) div: React.DetailedHTMLProps, HTMLDivElement>

I don't know what's making vs code assume I am using react. The file type is .vue

I disabled eslint and still get the error. It works when I run the app but it's annoying to see that error in vscode.

Am I supposed to add some d.ts file?

I'm trying to setup the Volar VSCode extension to work with a NuxtJS / Typescript project. I currently face these two problems in my .vue file templates. I followed the installation recommendations for Vue 2 and Typescript as well as enabling Take Over mode.

I've managed to fix some issues that happened in my codebase with the extension but these two remain.

Vue 3 deprecation warnings

A warning appeared but not tips, how to fix?

I use the vite init project with vue-ts template

only warn but not tips when i hover,and build also success

my eslintrc :

I want to do LDA (linear discriminant analysis) with the Auto dataset of the ISLR package. To start off, I am trying to take the cars with year = 75 and use it as a "test set", where cars of all other years will be used as a "training set". However, it seems that I've made a mess of things. For instance, in my code below, sequentially using the replace function for the values of mpg.year75 just results in everything being set to high:

I am trying to use the rename() function of the dplyr package to change the variable mpg to mpgclass: