# unplugin-vue2-script-setup [![NPM version](https://img.shields.io/npm/v/unplugin-vue2-script-setup?color=a1b858&label=)](https://www.npmjs.com/package/unplugin-vue2-script-setup) Bring [` `) ```
## IDE We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https://github.com/johnsoncodehk/volar) to get the best experience (You might want to disable Vetur if you have it). When using Volar, you need to install `@vue/runtime-dom` as devDependencies to make it work on Vue 2. ```bash npm i -D @vue/runtime-dom ``` [Learn more](https://github.com/johnsoncodehk/volar#using) ###### Global Types If the global types are missing for your IDE, update your `tsconfig.json` with: ```jsonc { "compilerOptions": { "types": [ "unplugin-vue2-script-setup/types" ] } } ``` ###### Support Vue 2 template Volar preferentially supports Vue 3. Vue 3 and Vue 2 template has some different. You need to set the `experimentalCompatMode` option to support Vue 2 template. ```jsonc { "compilerOptions": { ... }, "vueCompilerOptions": { "experimentalCompatMode": 2 }, } ``` ###### ESLint If you are using ESLint, you might get `@typescript-eslint/no-unused-vars` warning with `