<script setup>
import { ref } from 'vue'
import Demo from './Demo.vue'

const msg = ref('Hello World!')
</script>

<template>
  <Demo class="demo">{{ msg }}</Demo>
</template>
<style scoped>
.demo {
  color: red;
}
</style>

<script setup lang="ts">
import { useAttrs, useSlots, defineOptions, h } from "vue";
defineOptions({
  inheritAttrs: false
});
const attrs = useAttrs();
const slots = useSlots();

const Demo = () => h("div", { ...attrs }, slots);
</script>
<template>
  <Demo />
  <div />
</template>