Vue Local Scope

App.vue

<script setup>
import LocalScope from './LocalScope.vue'
</script>

<template>
  <LocalScope item-classes="rounded p-3 bg-blue-500" #default="{ itemClasses }">
    <div :class="itemClasses">
      No Data
    </div>

    <div :class="itemClasses">
      Loading
    </div>

    <div :class="itemClasses">
      Error
    </div>

    <div :class="itemClasses">
      Data
    </div>
  </LocalScope>
</template>

LocalScope.vue

<script setup lang="ts" generic="T">
defineOptions({ inheritAttrs: false })
defineProps</* @vue-ignore */ T>()
</script>

<template>
  <slot v-bind="$attrs as T" />
</template>