@all1ndev/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 "@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