feat(jsx-directive): support fragment

Author: zhiyuanzmj

playground/src/components/Comp.vue

@@ -4,6 +4,8 @@
     <slot :id="`${id}`">{{ id }}</slot>
     <slot name="bottom" v-bind="{ foo: id }">bottom</slot>
   </div>
+  
+  <div>Fragment</div>
 </template>
 
 <script setup lang="ts">

src/rules/jsx-directive/v-tag.yml

@@ -0,0 +1,33 @@
+id: v-tag has lang
+language: html
+rule:
+  kind: attribute_value
+  inside:
+    kind: quoted_attribute_value
+    inside:
+      kind: attribute
+      has:
+        kind: attribute_name
+        regex: lang
+      inside:
+        matches: is-script
+fix: |-
+  tsx
+
+---
+
+id: v-tag no lang
+language: html
+rule:
+  kind: tag_name
+  regex: script
+  inside:
+    matches: is-script
+    not:
+      has:
+        kind: attribute
+        has:
+          kind: attribute_name
+          regex: ^lang$
+fix: |-
+  script lang="tsx"

src/rules/render/define-render.yml

@@ -8,63 +8,48 @@ rule:
     any:
       - precedes:
           matches: is-template
-          has:
-            kind: element
-            pattern: $A
+          pattern: <template>$$$A</template>
       - follows:
           matches: is-template
-          has:
-            kind: element
-            pattern: $A
+          pattern: <template>$$$A</template>
 fix: |-
 
   defineRender(() => (
-    $A
+    $$$A
   ))
   </script>
 
 ---
 
-id: define-render remove template
-language: html
-rule:
-  matches: is-template
-fix: |-
-
----
-
-id: define-render has lang
+id: define-render fragment
 language: html
 rule:
-  kind: attribute_value
+  kind: end_tag
+  regex: </script>
   inside:
-    kind: quoted_attribute_value
-    inside:
-      kind: attribute
-      pattern: $NAME
-      has:
-        kind: attribute_name
-        regex: lang
-      inside:
-        matches: is-script
+    kind: script_element
+    any:
+      - precedes:
+          matches: is-fragment
+          pattern: <template>$$$A</template>
+      - follows:
+          matches: is-fragment
+          pattern: <template>$$$A</template>
 fix: |-
-  tsx
+
+  defineRender(() => (
+    <>
+      $$$A
+    </>
+  ))
+  </script>
 
 ---
 
-id: define-render no lang
+id: define-render remove template
 language: html
 rule:
-  kind: tag_name
-  regex: script
-  pattern: $NAME
-  inside:
-    matches: is-script
-    not:
-      has:
-        kind: attribute
-        has:
-          kind: attribute_name
-          regex: ^lang$
+  any:
+    - matches: is-template
+    - matches: is-fragment
 fix: |-
-  script lang="tsx"

src/rules/render/export-render.yml

@@ -8,63 +8,48 @@ rule:
     any:
       - precedes:
           matches: is-template
-          has:
-            kind: element
-            pattern: $A
+          pattern: <template>$$$A</template>
       - follows:
           matches: is-template
-          has:
-            kind: element
-            pattern: $A
+          pattern: <template>$$$A</template>
 fix: |-
 
   export default () => (
-    $A
+    $$$A
   )
   </script>
 
 ---
 
-id: export-render remove template
-language: html
-rule:
-  matches: is-template
-fix: |-
-
----
-
-id: export-render has lang
+id: export-render fragment
 language: html
 rule:
-  kind: attribute_value
+  kind: end_tag
+  regex: </script>
   inside:
-    kind: quoted_attribute_value
-    inside:
-      kind: attribute
-      pattern: $NAME
-      has:
-        kind: attribute_name
-        regex: lang
-      inside:
-        matches: is-script
+    kind: script_element
+    any:
+      - precedes:
+          matches: is-fragment
+          pattern: <template>$$$A</template>
+      - follows:
+          matches: is-fragment
+          pattern: <template>$$$A</template>
 fix: |-
-  tsx
+
+  export default () => (
+    <>
+      $$$A
+    </>
+  )
+  </script>
 
 ---
 
-id: export-render no lang
+id: export-render remove template
 language: html
 rule:
-  kind: tag_name
-  regex: script
-  pattern: $NAME
-  inside:
-    matches: is-script
-    not:
-      has:
-        kind: attribute
-        has:
-          kind: attribute_name
-          regex: ^lang$
+  any:
+    - matches: is-template
+    - matches: is-fragment
 fix: |-
-  script lang="tsx"

src/utils/is-fragment.yml

@@ -0,0 +1,13 @@
+id: is-fragment
+language: html
+rule:
+  kind: element
+  regex: ^<template
+  has:
+    kind: element
+    precedes:
+      kind: element
+  inside:
+    kind: fragment
+    has:
+      kind: script_element

src/utils/is-template.yml

@@ -3,6 +3,11 @@ language: html
 rule:
   kind: element
   regex: ^<template
+  not:
+    has:
+      kind: element
+      precedes:
+        kind: element
   inside:
     kind: fragment
     has: