templateRef

Stability: experimental ⚠️ Experimental feature, use at your risk

Automatically infer type for templateRef and useTemplateRef (vue3.5).

Features	Supported
Volar Plugin	✅

Basic Usage

App.vue

<script setup lang="ts">
import { templateRef } from '@vueuse/core'
import { Comp } from './Comp.ts'

const comp = templateRef('comp')
comp.value?.foo
</script>

<template>
  <Comp ref="comp" />
</template>

Comp.ts

import { defineComponent } from 'vue'

export const Comp = defineComponent({
  setup() {
    return { foo: 1 }
  },
})

Volar Configuration

// tsconfig.json
{
  "vueCompilerOptions": {
    "plugins": [
      "@vue-macros/volar/template-ref",
      // ...more feature
    ],
    "vueMacros": {
      "templateRef": {
        /**
         * @default ["templateRef", "useTemplateRef"]
         */
        "alias": ["templateRef"],
      },
    },
  },
}

Contributors

Kevin Deng 三咲智子

Kevin Deng

zhiyuanzmj

Changelog

Last edited about 2 hours ago

View full history

27a0f36-feat(volar): introduce DefineGeneric (#733)

9ee43b3-feat(docs): add package version

411e0fa-docs: fix name casing