https://github.com/intellitect/vuetify2-component-types

Component types for Volar intellisense with Vuetify 2 and Vue 2.7
https://github.com/intellitect/vuetify2-component-types

Last synced: 1 day ago
JSON representation

Component types for Volar intellisense with Vuetify 2 and Vue 2.7

• Host: GitHub
• URL: https://github.com/intellitect/vuetify2-component-types
• Owner: IntelliTect
• Created: 2022-12-29T20:22:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-15T16:42:04.000Z (9 months ago)
• Last Synced: 2024-10-31T12:42:05.490Z (7 days ago)
• Language: JavaScript
• Size: 355 KB
• Stars: 11
• Watchers: 8
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://img.shields.io/npm/v/vuetify2-component-types)

## Instructions

1. Install this package: `npm i vuetify2-component-types -D`

1. Add this package to your tsconfig's `types`:

    ``` json

    {

      "compilerOptions": {

        "types": ["vuetify2-component-types"],

      }

    },

    ```

1. Configure tsconfig's `vueCompilerOptions` for proper Volar support:

    ``` json

    {

      "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](https://github.com/kingyue737) who made the initial script [here](https://github.com/vuetifyjs/vuetify/issues/14798#issuecomment-1139788615).