An implementation of posva/vue-local-scope for Vue 3 and TypeScript support
Allows to reuse an expression that is repeating multiple times in a Vue Template
<script setup lang="ts">
import { LocalScope } from "@all1ndev/vue-local-scope";
</script>
<template>
<LocalScope
lorem="Lorem Ipsum Dolor Sit Amet"
lorem-ipsum="dolor"
#default="props"
>
<ol>
<li>{{ props.lorem }}</li>
<li>{{ props.loremIpsum }}</li>
</ol>
</LocalScope>
</template>With Full Type Completion
Note
Can be used in JSX but types are not infered