#vue3 #Vite
## 事象
[[Reactivity Transform]]を使ったコードを実行すると、ビルドは成功するのに、実行時下記のエラーとなる。
```
Uncaught ReferenceError: $ref is not defined
at setup (App.vue:4:13)
```
## 原因
[[vite.config.ts]]でプラグインが指定されていないから。
## 解決方法
指定する。
```ts
export default defineConfig({
plugins: [
vue({
reactivityTransform: true,
}),
],
});
```
## 参考
- [Reactivity Transform · Discussion #369 · vuejs/rfcs · GitHub](https://github.com/vuejs/rfcs/discussions/369)