feat: support multiple v-bind(...) in single css expression

#335

Author: johnsoncodehk

packages/vscode-vue-languageservice/src/parsers/cssBinds.ts

@@ -16,12 +16,15 @@ export function parse(docText: string, ss: css.Stylesheet) {
 	function visChild(node: StylesheetNode) {
 		if (node.type === 22) {
 			const nodeText = docText.substring(node.offset, node.end);
-			const reg = /^v-bind\s*\(\s*(\S*)\s*\)$/;
-			const match = nodeText.match(reg);
-			if (match) {
+			const reg = /v-bind\s*\(\s*([^\s\)]*)\s*\)/g;
+			const matchs = nodeText.matchAll(reg);
+			for (const match of matchs) {
 				const matchText = match[1];
-				const offset = node.offset + nodeText.lastIndexOf(matchText);
-				result.push({ start: offset, end: offset + matchText.length });
+				const matchIndex = match.index!;
+				if (match.index !== undefined) {
+					const offset = node.offset + matchIndex + nodeText.substr(matchIndex).indexOf(matchText);
+					result.push({ start: offset, end: offset + matchText.length });
+				}
 			}
 		}
 		else if (node.children) {