chore: clearer injection options separator

Author: webfansplz

packages/core/src/Overlay.vue

@@ -121,7 +121,7 @@ export default {
       return ele === target ? true : this.isChildOf(ele.parentNode, target)
     },
     getTargetNode(e) {
-      const splitRE = /(.+)_([\d]+)_([\d]+)$/
+      const splitRE = /(.+):([\d]+):([\d]+)$/
       const path = e.path ?? e.composedPath()
       const targetNode = path?.find(node => node?.hasAttribute?.('data-v-inspector-options'))
       if (this.isChildOf(targetNode, this.$refs.containerRef) || !targetNode) {

packages/core/src/compiler/template.ts

@@ -33,7 +33,7 @@ export async function compileSFCTemplate(
                   const insertPosition = node.loc.start.offset + node.tag.length + 1
                   const { line, column } = node.loc.start
 
-                  const content = ` data-v-inspector-options="${relativePath}_${line}_${column}"`
+                  const content = ` data-v-inspector-options="${relativePath}:${line}:${column}"`
 
                   s.prependLeft(
                     insertPosition,
@@ -71,7 +71,7 @@ export async function compileSFCTemplate(
               const insertPosition = node.start + parseJSXIdentifier(node.openingElement.name as any).length + 1
               const { line, column } = node.loc.start
 
-              const content = ` data-v-inspector-options="${relativePath}_${line}_${column}"`
+              const content = ` data-v-inspector-options="${relativePath}:${line}:${column}"`
 
               s.prependLeft(
                 insertPosition,