defineOptions()

이 매크로는

  <script setup>
	defineOptions({
  		inheritAttrs: false,
  		customOptions: {
    	/* ... */
  	}
	})
</script>

3.3 이상에서만 지원됩니다.
이것은 매크로입니다. 옵션은 모듈 범위에 감겨지며

3.3 이하에서는 아래와 같이 별도 설정이 필요합니다.

https://vue-macros.sxzz.moe/macros/define-options.html

pnpm add -D unplugin-vue-define-options @vue-macros/volar

// vite.config.ts
import DefineOptions from 'unplugin-vue-define-options/vite'

export default defineConfig({
  plugins: [DefineOptions()],
})  

tsconfig.json

json
// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["unplugin-vue-define-options/macros-global" /* ... */]
  }
}

  <script setup lang="ts">
import { useSlots } from 'vue'
defineOptions({
  name: 'Foo',
  inheritAttrs: false,
})
const slots = useSlots()
</script>