From 063231ca9e99d1c6dbb6d56e2b65d39102f0745c Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Wed, 21 Oct 2026 12:13:24 +0000
Subject: [PATCH] Allow lang without quotes and lang="typescript"

<script lang=ts> and <style lang=sass> without quotes weren't
recognized, so they used the first syntax in the config. For sass, it
also flattened the nesting when indenting. lang="typescript" wasn't
recognized either.

Languages not in the config still use the first syntax as before.
---
 README.md                |  3 ++-
 syntax/vue.vim           |  5 +++--
 test/cases/lang-attr.vim | 17 +++++++++++++++++
 test/cases/lang-attr.vue | 20 ++++++++++++++++++++
 4 files changed, 42 insertions(+), 3 deletions(-)
 create mode 100644 test/cases/lang-attr.vim
 create mode 100644 test/cases/lang-attr.vue

diff --git a/README.md b/README.md
index 7f8bde8..92a5820 100644
--- a/README.md
+++ b/README.md
@@ -132,7 +132,8 @@ let g:vim_vue_plugin_config.foldexpr = 0
 
 Note
 
-- `typescript` matches `lang="ts"`
+- `typescript` matches `lang="ts"` and `lang="typescript"`
+- `lang` can be in double or single quotes, or without quotes
 - `list` options can be `string` if only one
 - The first item of syntax list will be used if no "lang=..."
 - For `.wpy`, `initial_indent` defaults to `['script', 'style']`
diff --git a/syntax/vue.vim b/syntax/vue.vim
index 4aeddd5..ecc0d4b 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -92,7 +92,7 @@ endfunction
 function! s:GetSyntaxLangName(syntax)
   let syntax = a:syntax
   if syntax == 'typescript'
-    let syntax = 'ts'
+    let syntax = '\(ts\|typescript\)'
   endif
   return syntax
 endfunction
@@ -105,7 +105,8 @@ function! s:SetSyntax(block, syntax, has_lang)
   let name = s:GetSynatxName(block, syntax)
   if has_lang
     let lang_name = s:GetSyntaxLangName(syntax)
-    let lang = 'lang=["'']'.lang_name.'["'']'
+    " In double or single quotes, or without quotes
+    let lang = 'lang=["'']\?'.lang_name.'\>["'']\?'
   else
     let lang = ''
   endif
diff --git a/test/cases/lang-attr.vim b/test/cases/lang-attr.vim
new file mode 100644
index 0000000..ad3e008
--- /dev/null
+++ b/test/cases/lang-attr.vim
@@ -0,0 +1,17 @@
+" lang in double or single quotes or without quotes, and
+" lang="typescript"
+let g:vim_vue_plugin_config = {
+      \'syntax': {
+      \   'template': ['html'],
+      \   'script': ['javascript', 'typescript'],
+      \   'style': ['css', 'scss', 'sass'],
+      \},
+      \}
+
+function! Check()
+  call ExpectEqual(GetVueSyntax(), 'html', 'syntax at line 1')
+  call ExpectBlock('let a', 'script', 'typescript', 'typescriptScriptBlock')
+  call ExpectBlock('let b', 'script', 'typescript', 'typescriptScriptBlock')
+  call ExpectBlock('$c', 'style', 'scss', 'cssScssStyleBlock')
+  call ExpectBlock('color: red', 'style', 'sass', 'sassStyleBlock')
+endfunction
diff --git a/test/cases/lang-attr.vue b/test/cases/lang-attr.vue
new file mode 100644
index 0000000..88abba8
--- /dev/null
+++ b/test/cases/lang-attr.vue
@@ -0,0 +1,20 @@
+<template lang=html>
+  <div>x</div>
+</template>
+
+<script lang=ts>
+let a: number = 1
+</script>
+
+<script lang="typescript">
+let b: number = 2
+</script>
+
+<style lang='scss'>
+$c: 1px;
+</style>
+
+<style lang=sass>
+p
+  color: red
+</style>