// vite.config.tsimport{defineConfig}from'vite'import{createVuePluginasVue2}from'vite-plugin-vue2'importScriptSetupfrom'unplugin-vue2-script-setup/vite'exportdefaultdefineConfig({plugins:[Vue2(),ScriptSetup({/* options */}),],})

// vue.config.jsconstScriptSetup=require('unplugin-vue2-script-setup/webpack').defaultmodule.exports={parallel:false,// disable thread-loader, which is not compactible with this pluginconfigureWebpack:{plugins:[ScriptSetup({/* options */}),],},}

TypeScript

npm i -D @vue/cli-plugin-typescript vue-tsc

constScriptSetup=require('unplugin-vue2-script-setup/webpack').defaultmodule.exports={parallel:false,configureWebpack:{plugins:[ScriptSetup({/* options */}),],},chainWebpack(config){// disable type check and let `vue-tsc` handles itconfig.plugins.delete('fork-ts-checker')},}

// package.json{"scripts": {"dev":"vue-cli-service serve","build":"vue-tsc --noEmit && vue-cli-service build"  }}

// webpack.config.jsconstScriptSetup=require('unplugin-vue2-script-setup/webpack').defaultmodule.exports={/* ... */plugins:[ScriptSetup({/* options */}),]}

// rollup.config.jsimportVuefrom'rollup-plugin-vue'importScriptSetupfrom'unplugin-vue2-script-setup/rollup'exportdefault{plugins:[Vue(),ScriptSetup({/* options */}),]}

// esbuild.config.jsimport{build}from'esbuild'importScriptSetupfrom'unplugin-vue2-script-setup/esbuild'build({/* ... */plugins:[ScriptSetup({/* options */}),],})

npm i -D vue-jest

// jest.config.jsmodule.exports={transform:{'.*\\.(vue)$':'unplugin-vue2-script-setup/jest',},}

import{transform}from'unplugin-vue2-script-setup'constVue2SFC=awaittransform(`<template>  <!-- ... --></template><script setup>  // ...</script>`)

ScriptSetup({reactivityTransform:true})

{"compilerOptions": {"types": ["unplugin-vue2-script-setup/types","unplugin-vue2-script-setup/ref-macros"    ]  }}