@allindevelopers/vue-local-scope

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 "@allindevelopers/vue-local-scope";
</script>

<template>
	<LocalScope lorem="Lorem Ipsum Dolor Sit Amet" #default="{ lorem }">
		<ol>
			<li>{{ lorem }}</li>
			<li>{{ lorem }}</li>
			<li>{{ lorem }}</li>
		</ol>
	</LocalScope>
</template>

With Full Type Completion

Note

Can be used in JSX but types are not infered