<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>