Fix #1336

server/src/embeddedSupport/vueDocumentRegionParser.ts

@@ -23,6 +23,7 @@ export function parseVueDocumentRegions(document: TextDocument) {
   let lastAttributeName = '';
   let languageIdFromType: LanguageId | '' = '';
   const importedScripts: string[] = [];
+  let stakes = 0;
 
   let token = scanner.scan();
   while (token !== TokenType.EOS) {
@@ -48,8 +49,9 @@ export function parseVueDocumentRegions(document: TextDocument) {
         languageIdFromType = '';
         break;
       case TokenType.StartTag:
+        stakes++;
         const tagName = scanner.getTokenText();
-        if (tagName === 'template') {
+        if (tagName === 'template' && stakes === 1) {
           const templateRegion = scanTemplateRegion(scanner, text);
           if (templateRegion) {
             regions.push(templateRegion);
@@ -75,7 +77,9 @@ export function parseVueDocumentRegions(document: TextDocument) {
         }
         lastAttributeName = '';
         break;
+      case TokenType.StartTagSelfClose:
       case TokenType.EndTagClose:
+        stakes--;
         lastAttributeName = '';
         languageIdFromType = '';
         break;

test/lsp/features/diagnostics/issue-1336.test.ts

@@ -0,0 +1,10 @@
+import { testNoDiagnostics } from '../../../diagnosticHelper';
+import { getDocUri } from '../../path';
+
+describe('Should find no error when no root template element', () => {
+  const docUri = getDocUri('diagnostics/issue-1336.vue');
+
+  it('shows no diagnostics error without root template element area', async () => {
+    await testNoDiagnostics(docUri);
+  });
+});

test/lsp/fixture/diagnostics/issue-1336.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>hello world</div>
+</template>
+
+<docs>
+` ``vue
+<foo>
+  <template>
+    <div>1</div>
+    <div>2</div>
+  </template>
+</foo>
+` ``
+</docs>