Skip to content

Commit 3468fa3

Browse files
Update docs/rules/prefer-use-template-ref.md
Co-authored-by: Flo Edelmann <[email protected]>
1 parent defad15 commit 3468fa3

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

docs/rules/prefer-use-template-ref.md

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,21 @@ This rule enforces using the new `useTemplateRef` function instead of `ref` for
2222
<eslint-code-block fix :rules="{'vue/prefer-use-template-ref': ['error']}">
2323

2424
```vue
25-
2625
<template>
27-
<div ref="divRef"></div>
28-
<button ref="submitter">Submit</button>
26+
<button ref="submitRef">Submit</button>
27+
<button ref="closeRef">Close</button>
2928
</template>
3029
3130
<script>
3231
import { ref, useTemplateRef } from 'vue';
3332
3433
/* ✓ GOOD */
35-
const divRef = useTemplateRef('divRef');
36-
const div = useTemplateRef('divRef');
37-
const loremIpsum = useTemplateRef('divRef');
38-
const submitButton = useTemplateRef('submitter');
34+
const submitRef = useTemplateRef('submitRef');
35+
const submitButton = useTemplateRef('submitRef');
36+
const closeButton = useTemplateRef('closeRef');
37+
3938
/* ✗ BAD */
40-
const divRef = ref();
41-
const submitter = ref();
39+
const closeRef = ref();
4240
</script>
4341
```
4442

0 commit comments

Comments
 (0)