From 38e6e7f64327bab7d3513f94aa6ec022175746b2 Mon Sep 17 00:00:00 2001
From: chenyulu02 <cyl@cyl.moe>
Date: Tue, 17 Sep 2024 17:33:07 +0800
Subject: [PATCH 1/2] doc: add example for Vue class component

---
 docs/user-guide/index.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index e11c0dba8..7302ceada 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -221,6 +221,18 @@ Vue.component('AsyncComponent', (resolve, reject) => {
 })
 ```
 
+You can do this for [Vue class component](https://class-component.vuejs.org/) too:
+
+```vue
+<script lang="ts">
+// @vue/component
+@Component({
+  components: { Foo }
+})
+export default class Bar extends Vue {}
+</script>
+```
+
 ### Disabling rules via `<!-- eslint-disable -->`
 
 You can use `<!-- eslint-disable -->`-like HTML comments in the `<template>` and in the block level of `.vue` files to disable a certain rule temporarily.

From 8f99b6e4144c7bafd7488ffb2207118ac9a44b34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=A1=E5=B1=B1=E7=94=B5=E8=BD=A6?= <cyl@cyl.moe>
Date: Tue, 17 Sep 2024 18:00:40 +0800
Subject: [PATCH 2/2] doc: remove tags for example

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/user-guide/index.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/docs/user-guide/index.md b/docs/user-guide/index.md
index 7302ceada..ba4a7e3fd 100644
--- a/docs/user-guide/index.md
+++ b/docs/user-guide/index.md
@@ -223,14 +223,12 @@ Vue.component('AsyncComponent', (resolve, reject) => {
 
 You can do this for [Vue class component](https://class-component.vuejs.org/) too:
 
-```vue
-<script lang="ts">
+```ts
 // @vue/component
 @Component({
   components: { Foo }
 })
 export default class Bar extends Vue {}
-</script>
 ```
 
 ### Disabling rules via `<!-- eslint-disable -->`