fix: vue-directives regex bug (#5671)

Author: mkslanc

demo/kitchen-sink/docs/vue.vue

@@ -115,3 +115,5 @@ html, body
   each item in items
     li= item
 </template>
+
+<template v-slot:item.parentkey.subkey.subkey.subkey.subkey.subkey="{ value }"></template>

src/mode/_test/tokens_vue.json

@@ -733,4 +733,27 @@
   ["meta.tag.punctuation.tag-close.xml",">"]
 ],[
    "start"
+],[
+   "start",
+  ["meta.tag.punctuation.tag-open.xml","<"],
+  ["meta.tag.tag-name.xml","template"],
+  ["text.tag-whitespace.xml"," "],
+  ["entity.other.attribute-name.xml","v-"],
+  ["entity.other.attribute-name.xml","slot"],
+  ["entity.other.attribute-name.xml",":item"],
+  ["entity.other.attribute-name.xml",".parentkey.subkey.subkey.subkey.subkey.subkey"],
+  ["punctuation.separator.key-value.xml","="],
+  ["string","\""],
+  ["paren.lparen","{"],
+  ["text"," "],
+  ["identifier","value"],
+  ["text"," "],
+  ["paren.rparen","}"],
+  ["string","\""],
+  ["meta.tag.punctuation.tag-close.xml",">"],
+  ["meta.tag.punctuation.end-tag-open.xml","</"],
+  ["meta.tag.tag-name.xml","template"],
+  ["meta.tag.punctuation.tag-close.xml",">"]
+],[
+   "start"
 ]]

src/mode/vue_highlight_rules.js

@@ -84,7 +84,7 @@ var VueHighlightRules = function (options) {
     var self = this;
     VueRules.tag_stuff.unshift({//vue-directives 
         token: "string",
-        regex: /(?:\b(v-)|(:|@))(\[?[a-zA-Z\-.]+\]?)(?:(\:\[?[a-zA-Z\-]+\]?))?(?:(\.[a-zA-Z\-]+))*(\s*)(=)(\s*)(["'])/,
+        regex: /(?:\b(v-)|(:|@))(\[?[a-zA-Z\-.]+\]?)(?:(\:\[?[a-zA-Z\-]+\]?))?((?:\.[a-zA-Z\-]+)*)(\s*)(=)(\s*)(["'])/,
         onMatch: function (value, currentState, stack) {
             var quote = value[value.length - 1];
             stack.unshift(quote, currentState);