Skip to content

Latest commit

 

History

History
28 lines (21 loc) · 750 Bytes

README.md

File metadata and controls

28 lines (21 loc) · 750 Bytes

@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

image

Note

Can be used in JSX but types are not infered