From 87a3bf90e406bb7c49c2c1f809f35e9e6e1f8c52 Mon Sep 17 00:00:00 2001
From: Roland Fredenhagen <dev@modprog.de>
Date: Sun, 16 Jan 2022 16:04:11 +0100
Subject: [PATCH] Allow autocompletion when using +=

This allows to use the autocompletion when concatinating strings using
+=.

This allows to use autocompletion when e.g. writing conditional styling
this way:

```js
var className = "text-red-50";
if (shouldBeRounded){
    className += "rounded";
}
```
---
 packages/tailwindcss-language-service/src/util/find.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/tailwindcss-language-service/src/util/find.ts b/packages/tailwindcss-language-service/src/util/find.ts
index 8da58331..fe91183c 100644
--- a/packages/tailwindcss-language-service/src/util/find.ts
+++ b/packages/tailwindcss-language-service/src/util/find.ts
@@ -174,7 +174,7 @@ async function findCustomClassLists(
 
 export function matchClassAttributes(text: string, attributes: string[]): RegExpMatchArray[] {
   const attrs = attributes.filter((x) => typeof x === 'string').flatMap((a) => [a, `\\[${a}\\]`])
-  const re = /(?:\s|:|\()(ATTRS)\s*=\s*['"`{]/
+  const re = /(?:\s|:|\()(ATTRS)\s*\+?=\s*['"`{]/
   return findAll(new RegExp(re.source.replace('ATTRS', attrs.join('|')), 'gi'), text)
 }