This commit is contained in:
14
src/components/ReusableTemplate.vue
Normal file
14
src/components/ReusableTemplate.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<TemplateFoo.define v-slot="{ msg }">
|
||||
<div>Hello {{ msg.toUpperCase() }}</div>
|
||||
</TemplateFoo.define>
|
||||
|
||||
<TemplateFoo.reuse msg="World" />
|
||||
<TemplateFoo.reuse msg="Reusable" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { createReusableTemplate } from '@vueuse/core';
|
||||
|
||||
const TemplateFoo = createReusableTemplate<{ msg: string }>();
|
||||
</script>
|
Reference in New Issue
Block a user