Skip to content

Component types for Volar intellisense with Vuetify 2 and Vue 2.7

Notifications You must be signed in to change notification settings

IntelliTect/vuetify2-component-types

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vuetify2 Component Types

This package includes generated global component types for Vuetify ~2.6.13 and Vue 2.7. This will give full intellisense to Volar when using these versions.

npm

Instructions

  1. Install this package: npm i vuetify2-component-types -D
  2. Add this package to your tsconfig's types:
    {
      "compilerOptions": {
        "types": ["vuetify2-component-types"],
      }
    },
  3. Configure tsconfig's vueCompilerOptions for proper Volar support:
    {
      "vueCompilerOptions": {
        "target": 2.7,
        "experimentalModelPropName": {
          "input-value": {
            "v-checkbox": true,
            "v-switch": true,
            "v-chip": true,
            "v-btn": true,
            "v-list-item": true,
            "v-bottom-navigation": true
          },
          "": { "input": true },
          "value": {
            "input": { "type": "text" },
            "textarea": true,
            "select": true
          }
        }
      },
    }

Acknowledgements

Most of the credit goes to @kingyue737 who made the initial script here.

About

Component types for Volar intellisense with Vuetify 2 and Vue 2.7

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published