feat(sg): convert dot to underline

eslint.config.js

@@ -18,5 +18,6 @@ export default antfu(
         'yaml/indent': 'off',
       },
     },
+    ignores: ['**/playground/**'],
   },
 )

playground/src/App.vue

@@ -20,6 +20,8 @@ const compRef = shallowRef()
     v-loading.fullscreen.lock="true"
     v-memo="[select?.id === i.id]"
     v-on="on"
+    v-on:click="alert"
+    @sub-mit.prevent
     @click.once="select = i"
     @submit="alert"
     @update:model-value="select.id = $event"

src/sg/index.ts

@@ -65,6 +65,7 @@ export async function sg(target: string) {
 
   if (['setup-sfc', 'define-render', 'export-render'].includes(macro)) {
     await $`${sg} scan -c ${config}.yml -U --filter '^self-closing-tag' ${target}`
+    await $`${sg} scan -c ${config}.yml -U --filter '^dot-to-underline' ${target}`
     await $`${sg} scan -c ${config}.yml -U --filter '^v-' ${target}`
     await $`${sg} scan -c ${config}.yml -U --filter '^${macro === 'setup-sfc' ? 'export-render' : macro}' ${target}`
     await useTsx(async () => {

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

@@ -1,22 +1,30 @@
 id: v-directive
 language: html
 rule:
-  kind: attribute
+  kind: quoted_attribute_value
   has:
+    kind: attribute_value
+    pattern: $V
+  follows:
     kind: attribute_name
     pattern: $NAME
-    regex: ^v-
-    precedes:
-      kind: quoted_attribute_value
-      has:
-        kind: attribute_value
-        pattern: $V
-      stopBy: end
+    regex: ^v-|@
+    stopBy: end
+fix: |-
+  {$V}
+
+---
+
+id: dot-to-underline
+language: html
+rule:
+  kind: attribute_name
+  pattern: $NAME
 transform:
   K:
     replace:
       replace: \.
       by: _
       source: $NAME
 fix: |-
-  $K={$V}
+  $K