From 0d07e7b698f093e8e768ce3c5f9cfcf521c2f67a Mon Sep 17 00:00:00 2001
From: Brad Cornes <bradlc41@gmail.com>
Date: Sun, 21 Oct 2018 02:09:28 +0100
Subject: [PATCH] fix issue with nested vue <template>

---
 src/extension.ts | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/extension.ts b/src/extension.ts
index 0e7d70b..e79a732 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -499,15 +499,7 @@ class TailwindIntellisense {
         items: this._items,
         languages: ['vue'],
         regex: /\bclass=["']([^"']*)$/,
-        enable: text => {
-          if (
-            text.indexOf('<template') !== -1 &&
-            text.indexOf('</template>') === -1
-          ) {
-            return true
-          }
-          return false
-        },
+        enable: isWithinTemplate,
         triggerCharacters: ["'", '"', ' ', separator]
           .concat([
             Object.keys(
@@ -788,3 +780,13 @@ function createScreenCompletionItemProvider({
     ' '
   )
 }
+
+function isWithinTemplate(text: string) {
+  let regex = /(<\/?template\b)/g
+  let match
+  let d = 0
+  while ((match = regex.exec(text)) !== null) {
+    d += match[0] === '</template' ? -1 : 1
+  }
+  return d !== 0
+}