From 80ee161009c7c58b113270f0723163613adc01ef Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Wed, 6 Sep 2023 10:11:57 +0800
Subject: [PATCH 1/9] chore: format

---
 packages/vue-language-core/src/types.ts | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/vue-language-core/src/types.ts b/packages/vue-language-core/src/types.ts
index ad96941063..c89679c982 100644
--- a/packages/vue-language-core/src/types.ts
+++ b/packages/vue-language-core/src/types.ts
@@ -1,8 +1,7 @@
-import type { SFCParseResult } from '@vue/compiler-sfc';
-
 import type * as CompilerDOM from '@vue/compiler-dom';
+import type { SFCParseResult } from '@vue/compiler-sfc';
 import type * as ts from 'typescript/lib/tsserverlibrary';
-import { VueEmbeddedFile } from './sourceFile';
+import type { VueEmbeddedFile } from './sourceFile';
 
 export type { SFCParseResult } from '@vue/compiler-sfc';
 
@@ -23,11 +22,11 @@ export interface VueCompilerOptions {
 	htmlAttributes: string[];
 	optionsWrapper: [string, string] | [];
 	macros: {
-		defineProps: string[],
-		defineSlots: string[],
-		defineEmits: string[],
-		defineExpose: string[],
-		withDefaults: string[],
+		defineProps: string[];
+		defineSlots: string[];
+		defineEmits: string[];
+		defineExpose: string[];
+		withDefaults: string[];
 	};
 	plugins: VueLanguagePlugin[];
 	hooks: string[];
@@ -107,6 +106,6 @@ export interface Sfc {
 }
 
 export interface TextRange {
-	start: number,
-	end: number,
+	start: number;
+	end: number;
 }

From 929d833e2967480978d77034865a13f64fdfe6e0 Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Wed, 6 Sep 2023 10:22:59 +0800
Subject: [PATCH 2/9] feat: Add Portuguese language (#3535)

---
 .../data/language-blocks/en.json              |  68 ++
 .../data/language-blocks/fr.json              |  68 ++
 .../data/language-blocks/ja.json              |  68 ++
 .../data/language-blocks/ko.json              |  68 ++
 .../data/language-blocks/pt.json              | 694 +++++++++++++
 .../data/language-blocks/zh-cn.json           |  68 ++
 .../data/model-modifiers/en.json              |  12 +
 .../data/model-modifiers/fr.json              |  12 +
 .../data/model-modifiers/ja.json              |  12 +
 .../data/model-modifiers/ko.json              |  12 +
 .../data/model-modifiers/pt.json              | 116 +++
 .../data/model-modifiers/zh-cn.json           |  12 +
 .../data/template/en.json                     | 104 ++
 .../data/template/fr.json                     | 104 ++
 .../data/template/ja.json                     | 104 ++
 .../data/template/ko.json                     | 104 ++
 .../data/template/pt.json                     | 978 ++++++++++++++++++
 .../data/template/zh-cn.json                  | 104 ++
 .../scripts/update-html-data.js               |   6 +
 .../vue-language-service/src/plugins/data.ts  |   9 +
 20 files changed, 2723 insertions(+)
 create mode 100644 packages/vue-language-service/data/language-blocks/pt.json
 create mode 100644 packages/vue-language-service/data/model-modifiers/pt.json
 create mode 100644 packages/vue-language-service/data/template/pt.json

diff --git a/packages/vue-language-service/data/language-blocks/en.json b/packages/vue-language-service/data/language-blocks/en.json
index 53e4f1dee0..ae0e0316af 100644
--- a/packages/vue-language-service/data/language-blocks/en.json
+++ b/packages/vue-language-service/data/language-blocks/en.json
@@ -34,6 +34,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -75,6 +79,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         }
@@ -107,6 +115,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
         }
       ]
     },
@@ -143,6 +155,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -190,6 +206,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -227,6 +247,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
             }
           ]
         }
@@ -259,6 +283,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
         }
       ]
     },
@@ -293,6 +321,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
         }
       ]
     },
@@ -329,6 +361,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -382,6 +418,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -416,6 +456,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
             }
           ]
         },
@@ -450,6 +494,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
             }
           ]
         }
@@ -482,6 +530,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
         }
       ]
     },
@@ -518,6 +570,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         }
@@ -550,6 +606,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#custom-blocks"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#custom-blocks"
         }
       ]
     }
@@ -586,6 +646,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
         }
       ]
     },
@@ -619,6 +683,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/language-blocks/fr.json b/packages/vue-language-service/data/language-blocks/fr.json
index 975be66577..92a6081c19 100644
--- a/packages/vue-language-service/data/language-blocks/fr.json
+++ b/packages/vue-language-service/data/language-blocks/fr.json
@@ -34,6 +34,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -75,6 +79,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         }
@@ -107,6 +115,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
         }
       ]
     },
@@ -143,6 +155,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -190,6 +206,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -227,6 +247,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
             }
           ]
         }
@@ -259,6 +283,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
         }
       ]
     },
@@ -293,6 +321,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
         }
       ]
     },
@@ -329,6 +361,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -382,6 +418,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -416,6 +456,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
             }
           ]
         },
@@ -450,6 +494,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
             }
           ]
         }
@@ -482,6 +530,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
         }
       ]
     },
@@ -518,6 +570,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         }
@@ -550,6 +606,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
         }
       ]
     }
@@ -586,6 +646,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
         }
       ]
     },
@@ -619,6 +683,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/language-blocks/ja.json b/packages/vue-language-service/data/language-blocks/ja.json
index cc993c6c29..c1acc4cd39 100644
--- a/packages/vue-language-service/data/language-blocks/ja.json
+++ b/packages/vue-language-service/data/language-blocks/ja.json
@@ -34,6 +34,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -75,6 +79,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         }
@@ -107,6 +115,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
         }
       ]
     },
@@ -143,6 +155,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -190,6 +206,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -227,6 +247,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
             }
           ]
         }
@@ -259,6 +283,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
         }
       ]
     },
@@ -293,6 +321,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
         }
       ]
     },
@@ -329,6 +361,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -382,6 +418,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -416,6 +456,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
             }
           ]
         },
@@ -450,6 +494,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
             }
           ]
         }
@@ -482,6 +530,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
         }
       ]
     },
@@ -518,6 +570,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         }
@@ -550,6 +606,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#カスタムブロック"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#カスタムブロック"
         }
       ]
     }
@@ -586,6 +646,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
         }
       ]
     },
@@ -619,6 +683,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/language-blocks/ko.json b/packages/vue-language-service/data/language-blocks/ko.json
index 2e23e11494..b63ce36bc1 100644
--- a/packages/vue-language-service/data/language-blocks/ko.json
+++ b/packages/vue-language-service/data/language-blocks/ko.json
@@ -34,6 +34,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -75,6 +79,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         }
@@ -107,6 +115,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
         }
       ]
     },
@@ -143,6 +155,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -190,6 +206,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -227,6 +247,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
             }
           ]
         }
@@ -259,6 +283,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
         }
       ]
     },
@@ -293,6 +321,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
         }
       ]
     },
@@ -329,6 +361,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -382,6 +418,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -416,6 +456,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
             }
           ]
         },
@@ -450,6 +494,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
             }
           ]
         }
@@ -482,6 +530,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
         }
       ]
     },
@@ -518,6 +570,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         }
@@ -550,6 +606,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#커스텀-블럭"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#커스텀-블럭"
         }
       ]
     }
@@ -586,6 +646,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
         }
       ]
     },
@@ -619,6 +683,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/language-blocks/pt.json b/packages/vue-language-service/data/language-blocks/pt.json
new file mode 100644
index 0000000000..879dd7ebee
--- /dev/null
+++ b/packages/vue-language-service/data/language-blocks/pt.json
@@ -0,0 +1,694 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "template",
+      "attributes": [
+        {
+          "name": "src",
+          "description": {
+            "kind": "markdown",
+            "value": "\nSe você prefere dividir seu componente `*.vue` em multiplos arquivos, você pode usar o atributo `src` para importar um arquivo externo para o bloco de linguagem:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nEsteja ciente de que as importações `src` seguem as mesmas regras de resolução de caminho que as solicitações do módulo webpack, o que significa:\n\n- Caminhos relativos precisam começar com `./`\n- Você pode importar recursos de dependências do npm:\n\n```vue\n<!-- importa um arquivo do pacote de npm \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\nAs importações com `src` também funcionam com blocos personalizados, por exemplo:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
+            }
+          ]
+        },
+        {
+          "name": "lang",
+          "description": {
+            "kind": "markdown",
+            "value": "\nBlocos pode declarar linguagens de pré-processadores usando o atributo `lang`. A caso mais comum é usando TypeScript para o bloco `<script>`:\n```html\n<script lang=\"ts\">\n  // usa TypeScript\n</script>\n```\n\n`lang` pode ser aplicado a qualquer bloco - por exemplo, nós podemos usar `<style>` com [Sass](https://sass-lang.com/) e `<template>` com [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n  $primary-color: #333;\n  body {\n    color: $primary-color;\n  }\n</style>\n```\n\nNote que a integração com vários pré-processadores pode diferir por conjunto de ferramentas. Confira a respectiva documentação para exemplos:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+          },
+          "values": [
+            {
+              "name": "html"
+            },
+            {
+              "name": "pug"
+            }
+          ],
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
+            }
+          ]
+        }
+      ],
+      "description": {
+        "kind": "markdown",
+        "value": "\n- Cada arquivo `*.vue` pode conter no máximo um bloco `<template>` de alto nível por vez.\n\n- O conteúdo será extraído e passado para `@vue/compiler-dom`, pré-compilado em funções de renderização JavaScript e anexado ao componente exportado como sua opção `render`.\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
+        }
+      ]
+    },
+    {
+      "name": "script",
+      "attributes": [
+        {
+          "name": "src",
+          "description": {
+            "kind": "markdown",
+            "value": "\nSe você prefere dividir seu componente `*.vue` em multiplos arquivos, você pode usar o atributo `src` para importar um arquivo externo para o bloco de linguagem:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nEsteja ciente de que as importações `src` seguem as mesmas regras de resolução de caminho que as solicitações do módulo webpack, o que significa:\n\n- Caminhos relativos precisam começar com `./`\n- Você pode importar recursos de dependências do npm:\n\n```vue\n<!-- importa um arquivo do pacote de npm \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\nAs importações com `src` também funcionam com blocos personalizados, por exemplo:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
+            }
+          ]
+        },
+        {
+          "name": "lang",
+          "description": {
+            "kind": "markdown",
+            "value": "\nBlocos pode declarar linguagens de pré-processadores usando o atributo `lang`. A caso mais comum é usando TypeScript para o bloco `<script>`:\n```html\n<script lang=\"ts\">\n  // usa TypeScript\n</script>\n```\n\n`lang` pode ser aplicado a qualquer bloco - por exemplo, nós podemos usar `<style>` com [Sass](https://sass-lang.com/) e `<template>` com [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n  $primary-color: #333;\n  body {\n    color: $primary-color;\n  }\n</style>\n```\n\nNote que a integração com vários pré-processadores pode diferir por conjunto de ferramentas. Confira a respectiva documentação para exemplos:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+          },
+          "values": [
+            {
+              "name": "ts"
+            },
+            {
+              "name": "js"
+            },
+            {
+              "name": "tsx"
+            },
+            {
+              "name": "jsx"
+            }
+          ],
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
+            }
+          ]
+        },
+        {
+          "name": "generic"
+        },
+        {
+          "name": "setup",
+          "valueSet": "v",
+          "description": {
+            "kind": "markdown",
+            "value": "\n- Cada arquivo `*.vue` pode conter no máximo um bloco `<script setup>` de alto nível por vez (excluíndo `<script>` normal).\n\n- O script é pré-processado e usado como a função `setup()` do componente, o que significa que será executado **para cada instância do componente**. Ligações de nível superior em `<script setup>` são automaticamente expostas ao template. Para obter mais detalhes, consulte [documentação dedicada a `<script setup>`](https://pt.vuejs.org/api/sfc-script-setup.html).\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
+            }
+          ]
+        }
+      ],
+      "description": {
+        "kind": "markdown",
+        "value": "\n- Cada arquivo `*.vue` pode conter no máximo um bloco `<script>` de alto nível por vez (excluíndo [`<script setup>`](https://pt.vuejs.org/api/sfc-script-setup.html)).\n\n- O escript é executado como um módulo ES.\n\n- A **exportação padrão** `default export` deve ser um objeto de opções do componente Vue, seja como um objeto simples ou como o valor de retorno de [defineComponent](https://pt.vuejs.org/api/general.html#definecomponent)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
+        }
+      ]
+    },
+    {
+      "name": "script setup",
+      "attributes": [],
+      "description": {
+        "kind": "markdown",
+        "value": "\n- Cada arquivo `*.vue` pode conter no máximo um bloco `<script setup>` de alto nível por vez (excluíndo `<script>` normal).\n\n- O script é pré-processado e usado como a função `setup()` do componente, o que significa que será executado **para cada instância do componente**. Ligações de nível superior em `<script setup>` são automaticamente expostas ao template. Para obter mais detalhes, consulte [documentação dedicada a `<script setup>`](https://pt.vuejs.org/api/sfc-script-setup.html).\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
+        }
+      ]
+    },
+    {
+      "name": "style",
+      "attributes": [
+        {
+          "name": "src",
+          "description": {
+            "kind": "markdown",
+            "value": "\nSe você prefere dividir seu componente `*.vue` em multiplos arquivos, você pode usar o atributo `src` para importar um arquivo externo para o bloco de linguagem:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nEsteja ciente de que as importações `src` seguem as mesmas regras de resolução de caminho que as solicitações do módulo webpack, o que significa:\n\n- Caminhos relativos precisam começar com `./`\n- Você pode importar recursos de dependências do npm:\n\n```vue\n<!-- importa um arquivo do pacote de npm \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\nAs importações com `src` também funcionam com blocos personalizados, por exemplo:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
+            }
+          ]
+        },
+        {
+          "name": "lang",
+          "description": {
+            "kind": "markdown",
+            "value": "\nBlocos pode declarar linguagens de pré-processadores usando o atributo `lang`. A caso mais comum é usando TypeScript para o bloco `<script>`:\n```html\n<script lang=\"ts\">\n  // usa TypeScript\n</script>\n```\n\n`lang` pode ser aplicado a qualquer bloco - por exemplo, nós podemos usar `<style>` com [Sass](https://sass-lang.com/) e `<template>` com [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n  $primary-color: #333;\n  body {\n    color: $primary-color;\n  }\n</style>\n```\n\nNote que a integração com vários pré-processadores pode diferir por conjunto de ferramentas. Confira a respectiva documentação para exemplos:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+          },
+          "values": [
+            {
+              "name": "css"
+            },
+            {
+              "name": "scss"
+            },
+            {
+              "name": "less"
+            },
+            {
+              "name": "stylus"
+            },
+            {
+              "name": "postcss"
+            },
+            {
+              "name": "sass"
+            }
+          ],
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
+            }
+          ]
+        },
+        {
+          "name": "scoped",
+          "valueSet": "v",
+          "description": {
+            "kind": "markdown",
+            "value": "\nQuando uma tag `<style>` tem o atributo `scoped`, seu CSS se aplica apenas aos elementos do componente atual. Isso é semelhante ao encapsulamento de estilo encontrado no Shadow DOM. Por mais que tenha algumas ressalvas, não requer nenhum polyfill. É alcançado usando o PostCSS para transformar o seguinte código:\n\n```vue\n<style scoped>\n.example {\n  color: red;\n}\n</style>\n\n<template>\n  <div class=\"example\">olá</div>\n</template>\n```\n\nNesse outro código:\n\n```vue\n<style>\n.example[data-v-f3f3eg9] {\n  color: red;\n}\n</style>\n\n<template>\n  <div class=\"example\" data-v-f3f3eg9>olá</div>\n</template>\n```\n\n### Elementos raiz de componentes filhos \n\nCom `scoped`, os estilos do componente pai não vazam para os componentes filhos. No entanto, o nó raiz de um componente filho será afetado pelo CSS do componente pai e pelo CSS do componente filho. Isso é feito de propósito para que o pai possa estilizar o elemento raiz do filho para fins de layout.\n\n### Seletores profundos \n\nSe você deseja que um seletor em estilos `scoped` seja \"profundo\", ou seja, afetando componentes filhos, você pode usar a pseudo-classe `:deep()`:\n\n```vue\n<style scoped>\n.a :deep(.b) {\n  /* ... */\n}\n</style>\n```\n\nO código acima será compilado para:\n\n```css\n.a[data-v-f3f3eg9] .b {\n  /* ... */\n}\n```\n\n:::tip\nOs nós DOM criados com `v-html` não são afetados pelos estilos delimitados, mas você ainda pode estilizá-los usando seletores profundos.\n:::\n\n### Seletores de slot \n\nPor padrão, os estilos delimitados não afetam o conteúdo renderizado por `<slot/>`, pois eles são considerados de propriedade do componente pai que os passa. Para estilizar explicitamente o conteúdo do slot, use a pseudo-classe `:slotted`:\n\n```vue\n<style scoped>\n:slotted(div) {\n  color: red;\n}\n</style>\n```\n\n### Seletores globais \n\nSe você deseja que um seletor aplique-se globalmente, mas ainda esteja em um bloco de estilo `scoped`, você pode usar a pseudo-classe `:global` em vez de criar outro `<style>` (veja abaixo):\n\n```vue\n<style scoped>\n:global(.red) {\n  color: red;\n}\n</style>\n```\n\n### Misturando estilos locais e globais \n\nVocê também pode incluir estilos com e sem escopo no mesmo componente:\n\n```vue\n<style>\n/* estilos globais */\n</style>\n\n<style scoped>\n/* estilos locais */\n</style>\n```\n\n### Dicas de estilo delimitado \n\n- **Estilos delimitados não eliminam a necessidade de classes**. Devido a forma que os navegadores renderizam vários seletores CSS, `p { color: red }` será muito mais lento quando delimitado (isto é, quando combinado com um seletor de atributo). Se você usar classes ou ids, como em `.example { color: red }`, então você virtualmente elimina esse impacto de desempenho.\n\n- **Tenha cuidado com seletores descendentes em componentes recursivos!** Para uma regra CSS com o seletor `.a .b`, se o elemento que corresponde a `.a` contém um componente filho recursivo, então todos os `.b` nesse componente filho serão correspondidos pela regra.\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
+            }
+          ]
+        },
+        {
+          "name": "module",
+          "valueSet": "v",
+          "description": {
+            "kind": "markdown",
+            "value": "\nUma tag `<style module>` é compilada como um [Módulo CSS](https://github.com/css-modules/css-modules) e expõe as classes CSS resultantes para o componente como um objeto sob a chave `$style`:\n\n```vue\n<template>\n  <p :class=\"$style.red\">Isto deveria ser vermelho</p>\n</template>\n\n<style module>\n.red {\n  color: red;\n}\n</style>\n```\n\nAs classes resultantes tem um hash aplicado para evitar colisões, alcançando o mesmo efeito de delimitar o CSS apenas ao componente atual.\n\nRecorra à [Especificação de Módulos CSS](https://github.com/css-modules/css-modules) para mais detalhes como [exceções globais](https://github.com/css-modules/css-modules#exceptions) e [composição](https://github.com/css-modules/css-modules#composition).\n\n### Nome de injeção personalizado \n\nVocê pode personalizar a propriedade chave do objeto de classes injetadas dando ao atributo `module` um valor:\n\n```vue\n<template>\n  <p :class=\"classes.red\">vermelho</p>\n</template>\n\n<style module=\"classes\">\n.red {\n  color: red;\n}\n</style>\n```\n\n### Uso com API de Composição \n\nAs classes injetadas podem ser acessadas em `setup()` e `<script setup>` por meio da API `useCssModule`. Para blocos `<style module>` com nomes de injeção personalizados, `useCssModule` aceita o valor do atributo `module` correspondente como primeiro argumento:\n\n```js\nimport { useCssModule } from 'vue'\n\n// dentro do escopo de setup()...\n// padrão, retorna as classes da tag <style module>\nuseCssModule()\n\n// personalizado, retorna as classes da tag <style module=\"classes\">\nuseCssModule('classes')\n```\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
+            }
+          ]
+        }
+      ],
+      "description": {
+        "kind": "markdown",
+        "value": "\n- Um único arquivo `*.vue` pode conter multiplas tags `<style>`.\n\n- Uma tag `<style>` pode ter atributos `scoped` ou `module` (consulte [Recursos de estilo SFC](https://pt.vuejs.org/api/sfc-css-features.html) para obter mais detalhes) para ajudar a encapsular os estilos no componente atual. Múltiplas tags `<style>` com diferentes modos de encapsulamento podem ser misturados no mesmo componente.\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
+        }
+      ]
+    },
+    {
+      "name": "Blocos Customizados",
+      "attributes": [
+        {
+          "name": "src",
+          "description": {
+            "kind": "markdown",
+            "value": "\nSe você prefere dividir seu componente `*.vue` em multiplos arquivos, você pode usar o atributo `src` para importar um arquivo externo para o bloco de linguagem:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nEsteja ciente de que as importações `src` seguem as mesmas regras de resolução de caminho que as solicitações do módulo webpack, o que significa:\n\n- Caminhos relativos precisam começar com `./`\n- Você pode importar recursos de dependências do npm:\n\n```vue\n<!-- importa um arquivo do pacote de npm \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\nAs importações com `src` também funcionam com blocos personalizados, por exemplo:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
+          },
+          "references": [
+            {
+              "name": "en",
+              "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "zh-cn",
+              "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ja",
+              "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ua",
+              "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "fr",
+              "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "ko",
+              "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
+            }
+          ]
+        }
+      ],
+      "description": {
+        "kind": "markdown",
+        "value": "\nBlocos customizados adicionas podem ser incluídos em um arquivo `*.vue` para qualquer necessidade específica do projeto, por exemplo um bloco `<docs>`. Alguns exemplos do mundo real de blocos customizados incluem:\n\n- [Gridsome: `<page-query>`](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: `<gql>`](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: `<i18n>`](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\nO manuseio de blocos personalizados dependerá de Ferramental - se você deseja criar suas próprias integrações de blocos personalizados, veja a [seção relevante de ferramental](https://pt.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) para obter mais detalhes.\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#blocos-customizados"
+        }
+      ]
+    }
+  ],
+  "globalAttributes": [
+    {
+      "name": "lang",
+      "description": {
+        "kind": "markdown",
+        "value": "\nBlocos pode declarar linguagens de pré-processadores usando o atributo `lang`. A caso mais comum é usando TypeScript para o bloco `<script>`:\n```html\n<script lang=\"ts\">\n  // usa TypeScript\n</script>\n```\n\n`lang` pode ser aplicado a qualquer bloco - por exemplo, nós podemos usar `<style>` com [Sass](https://sass-lang.com/) e `<template>` com [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n  $primary-color: #333;\n  body {\n    color: $primary-color;\n  }\n</style>\n```\n\nNote que a integração com vários pré-processadores pode diferir por conjunto de ferramentas. Confira a respectiva documentação para exemplos:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+      },
+      "values": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
+        }
+      ]
+    },
+    {
+      "name": "src",
+      "description": {
+        "kind": "markdown",
+        "value": "\nSe você prefere dividir seu componente `*.vue` em multiplos arquivos, você pode usar o atributo `src` para importar um arquivo externo para o bloco de linguagem:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nEsteja ciente de que as importações `src` seguem as mesmas regras de resolução de caminho que as solicitações do módulo webpack, o que significa:\n\n- Caminhos relativos precisam começar com `./`\n- Você pode importar recursos de dependências do npm:\n\n```vue\n<!-- importa um arquivo do pacote de npm \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\nAs importações com `src` também funcionam com blocos personalizados, por exemplo:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/packages/vue-language-service/data/language-blocks/zh-cn.json b/packages/vue-language-service/data/language-blocks/zh-cn.json
index fddbd9ec5f..29d227b7f7 100644
--- a/packages/vue-language-service/data/language-blocks/zh-cn.json
+++ b/packages/vue-language-service/data/language-blocks/zh-cn.json
@@ -34,6 +34,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -75,6 +79,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         }
@@ -107,6 +115,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
         }
       ]
     },
@@ -143,6 +155,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -190,6 +206,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -227,6 +247,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
             }
           ]
         }
@@ -259,6 +283,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
         }
       ]
     },
@@ -293,6 +321,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
         }
       ]
     },
@@ -329,6 +361,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         },
@@ -382,6 +418,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
             }
           ]
         },
@@ -416,6 +456,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
             }
           ]
         },
@@ -450,6 +494,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
             }
           ]
         }
@@ -482,6 +530,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
         }
       ]
     },
@@ -518,6 +570,10 @@
             {
               "name": "ko",
               "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+            },
+            {
+              "name": "pt",
+              "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
             }
           ]
         }
@@ -550,6 +606,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#自定义块"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#自定义块"
         }
       ]
     }
@@ -586,6 +646,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
         }
       ]
     },
@@ -619,6 +683,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/model-modifiers/en.json b/packages/vue-language-service/data/model-modifiers/en.json
index 2f8e9d3213..521be92844 100644
--- a/packages/vue-language-service/data/model-modifiers/en.json
+++ b/packages/vue-language-service/data/model-modifiers/en.json
@@ -31,6 +31,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
         }
       ]
     },
@@ -64,6 +68,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
         }
       ]
     },
@@ -97,6 +105,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/model-modifiers/fr.json b/packages/vue-language-service/data/model-modifiers/fr.json
index 57819bf75b..e00bfd6502 100644
--- a/packages/vue-language-service/data/model-modifiers/fr.json
+++ b/packages/vue-language-service/data/model-modifiers/fr.json
@@ -31,6 +31,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
         }
       ]
     },
@@ -64,6 +68,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
         }
       ]
     },
@@ -97,6 +105,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/model-modifiers/ja.json b/packages/vue-language-service/data/model-modifiers/ja.json
index bf1fd35a8c..3091f4c423 100644
--- a/packages/vue-language-service/data/model-modifiers/ja.json
+++ b/packages/vue-language-service/data/model-modifiers/ja.json
@@ -31,6 +31,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
         }
       ]
     },
@@ -64,6 +68,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
         }
       ]
     },
@@ -97,6 +105,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/model-modifiers/ko.json b/packages/vue-language-service/data/model-modifiers/ko.json
index 55bdf12a8e..865a55b070 100644
--- a/packages/vue-language-service/data/model-modifiers/ko.json
+++ b/packages/vue-language-service/data/model-modifiers/ko.json
@@ -31,6 +31,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
         }
       ]
     },
@@ -64,6 +68,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
         }
       ]
     },
@@ -97,6 +105,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/model-modifiers/pt.json b/packages/vue-language-service/data/model-modifiers/pt.json
new file mode 100644
index 0000000000..24c7a43fd5
--- /dev/null
+++ b/packages/vue-language-service/data/model-modifiers/pt.json
@@ -0,0 +1,116 @@
+{
+  "version": 1.1,
+  "globalAttributes": [
+    {
+      "name": "lazy",
+      "description": {
+        "kind": "markdown",
+        "value": "\nPor padrão, a `v-model` sincroniza a entrada com o dado depois de cada evento de `input` (com a exceção da composição de IME como [especificada acima](#vmodel-ime-tip)). Tu podes adicionar o modificador `lazy` no lugar de sincronizar depois dos eventos `change`:\n\n```html\n<!-- sincronizado depois de \"change\" no lugar de \"input\" -->\n<input v-model.lazy=\"msg\" />\n```\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
+        }
+      ]
+    },
+    {
+      "name": "number",
+      "description": {
+        "kind": "markdown",
+        "value": "\nSe quiseres que a entrada do utilizador seja automaticamente tratada como um número, podes adicionar o modificador `number` as tuas entradas geridas pela `v-model`:\n\n```html\n<input v-model.number=\"age\" />\n```\n\nSe o valor não puder ser analisado com `parseFloat()`, então o valor original é utilizado no lugar.\n\nO modificador `number` é aplicado automaticamente se a entrada tiver o `type=\"number\"`.\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
+        }
+      ]
+    },
+    {
+      "name": "trim",
+      "description": {
+        "kind": "markdown",
+        "value": "\nSe quiseres que espaços em branco da entrada do utilizador sejam cortados automaticamente, podes adicionar o modificador `trim` as tuas entradas geridas pela `v-model`:\n\n```html\n<input v-model.trim=\"msg\" />\n```\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/packages/vue-language-service/data/model-modifiers/zh-cn.json b/packages/vue-language-service/data/model-modifiers/zh-cn.json
index 9f0183edf8..31db155393 100644
--- a/packages/vue-language-service/data/model-modifiers/zh-cn.json
+++ b/packages/vue-language-service/data/model-modifiers/zh-cn.json
@@ -31,6 +31,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
         }
       ]
     },
@@ -64,6 +68,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
         }
       ]
     },
@@ -97,6 +105,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/template/en.json b/packages/vue-language-service/data/template/en.json
index 95e51b9d78..4b45983191 100644
--- a/packages/vue-language-service/data/template/en.json
+++ b/packages/vue-language-service/data/template/en.json
@@ -32,6 +32,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
         }
       ]
     },
@@ -66,6 +70,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
         }
       ]
     },
@@ -100,6 +108,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
         }
       ]
     },
@@ -134,6 +146,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
         }
       ]
     },
@@ -168,6 +184,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
         }
       ]
     },
@@ -202,6 +222,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
         }
       ]
     },
@@ -236,6 +260,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
         }
       ]
     },
@@ -270,6 +298,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
         }
       ]
     }
@@ -305,6 +337,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
         }
       ]
     },
@@ -338,6 +374,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
         }
       ]
     },
@@ -371,6 +411,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
         }
       ]
     },
@@ -404,6 +448,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
         }
       ]
     },
@@ -438,6 +486,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
         }
       ]
     },
@@ -471,6 +523,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
         }
       ]
     },
@@ -504,6 +560,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
         }
       ]
     },
@@ -537,6 +597,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
         }
       ]
     },
@@ -570,6 +634,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
         }
       ]
     },
@@ -603,6 +671,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
         }
       ]
     },
@@ -636,6 +708,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
         }
       ]
     },
@@ -669,6 +745,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
         }
       ]
     },
@@ -702,6 +782,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
         }
       ]
     },
@@ -735,6 +819,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
         }
       ]
     },
@@ -768,6 +856,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
         }
       ]
     },
@@ -801,6 +893,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
         }
       ]
     },
@@ -834,6 +930,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
         }
       ]
     },
@@ -867,6 +967,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/template/fr.json b/packages/vue-language-service/data/template/fr.json
index fd5be6b8db..b90a630191 100644
--- a/packages/vue-language-service/data/template/fr.json
+++ b/packages/vue-language-service/data/template/fr.json
@@ -32,6 +32,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
         }
       ]
     },
@@ -66,6 +70,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
         }
       ]
     },
@@ -100,6 +108,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
         }
       ]
     },
@@ -134,6 +146,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
         }
       ]
     },
@@ -168,6 +184,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
         }
       ]
     },
@@ -202,6 +222,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
         }
       ]
     },
@@ -236,6 +260,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
         }
       ]
     },
@@ -270,6 +298,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
         }
       ]
     }
@@ -305,6 +337,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
         }
       ]
     },
@@ -338,6 +374,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
         }
       ]
     },
@@ -371,6 +411,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
         }
       ]
     },
@@ -404,6 +448,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
         }
       ]
     },
@@ -438,6 +486,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
         }
       ]
     },
@@ -471,6 +523,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
         }
       ]
     },
@@ -504,6 +560,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
         }
       ]
     },
@@ -537,6 +597,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
         }
       ]
     },
@@ -570,6 +634,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
         }
       ]
     },
@@ -603,6 +671,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
         }
       ]
     },
@@ -636,6 +708,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
         }
       ]
     },
@@ -669,6 +745,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
         }
       ]
     },
@@ -702,6 +782,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
         }
       ]
     },
@@ -735,6 +819,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
         }
       ]
     },
@@ -768,6 +856,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
         }
       ]
     },
@@ -801,6 +893,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
         }
       ]
     },
@@ -834,6 +930,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
         }
       ]
     },
@@ -867,6 +967,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/template/ja.json b/packages/vue-language-service/data/template/ja.json
index b22254b840..9d8ad773a6 100644
--- a/packages/vue-language-service/data/template/ja.json
+++ b/packages/vue-language-service/data/template/ja.json
@@ -32,6 +32,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
         }
       ]
     },
@@ -66,6 +70,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
         }
       ]
     },
@@ -100,6 +108,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
         }
       ]
     },
@@ -134,6 +146,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
         }
       ]
     },
@@ -168,6 +184,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
         }
       ]
     },
@@ -202,6 +222,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
         }
       ]
     },
@@ -236,6 +260,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
         }
       ]
     },
@@ -270,6 +298,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
         }
       ]
     }
@@ -305,6 +337,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
         }
       ]
     },
@@ -338,6 +374,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
         }
       ]
     },
@@ -371,6 +411,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
         }
       ]
     },
@@ -404,6 +448,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
         }
       ]
     },
@@ -438,6 +486,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
         }
       ]
     },
@@ -471,6 +523,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
         }
       ]
     },
@@ -504,6 +560,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
         }
       ]
     },
@@ -537,6 +597,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
         }
       ]
     },
@@ -570,6 +634,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
         }
       ]
     },
@@ -603,6 +671,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
         }
       ]
     },
@@ -636,6 +708,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
         }
       ]
     },
@@ -669,6 +745,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
         }
       ]
     },
@@ -702,6 +782,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
         }
       ]
     },
@@ -735,6 +819,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
         }
       ]
     },
@@ -768,6 +856,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
         }
       ]
     },
@@ -801,6 +893,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
         }
       ]
     },
@@ -834,6 +930,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
         }
       ]
     },
@@ -867,6 +967,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/template/ko.json b/packages/vue-language-service/data/template/ko.json
index 2b64676fa8..bbc8f1fed9 100644
--- a/packages/vue-language-service/data/template/ko.json
+++ b/packages/vue-language-service/data/template/ko.json
@@ -32,6 +32,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
         }
       ]
     },
@@ -66,6 +70,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
         }
       ]
     },
@@ -100,6 +108,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
         }
       ]
     },
@@ -134,6 +146,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
         }
       ]
     },
@@ -168,6 +184,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
         }
       ]
     },
@@ -202,6 +222,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
         }
       ]
     },
@@ -236,6 +260,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
         }
       ]
     },
@@ -270,6 +298,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
         }
       ]
     }
@@ -305,6 +337,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
         }
       ]
     },
@@ -338,6 +374,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
         }
       ]
     },
@@ -371,6 +411,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
         }
       ]
     },
@@ -404,6 +448,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
         }
       ]
     },
@@ -438,6 +486,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
         }
       ]
     },
@@ -471,6 +523,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
         }
       ]
     },
@@ -504,6 +560,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
         }
       ]
     },
@@ -537,6 +597,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
         }
       ]
     },
@@ -570,6 +634,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
         }
       ]
     },
@@ -603,6 +671,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
         }
       ]
     },
@@ -636,6 +708,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
         }
       ]
     },
@@ -669,6 +745,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
         }
       ]
     },
@@ -702,6 +782,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
         }
       ]
     },
@@ -735,6 +819,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
         }
       ]
     },
@@ -768,6 +856,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
         }
       ]
     },
@@ -801,6 +893,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
         }
       ]
     },
@@ -834,6 +930,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
         }
       ]
     },
@@ -867,6 +967,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
         }
       ]
     }
diff --git a/packages/vue-language-service/data/template/pt.json b/packages/vue-language-service/data/template/pt.json
new file mode 100644
index 0000000000..6134ca4a5f
--- /dev/null
+++ b/packages/vue-language-service/data/template/pt.json
@@ -0,0 +1,978 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "Transition",
+      "description": {
+        "kind": "markdown",
+        "value": "\nFornece efeitos de transição animados para um **único** elemento ou componente.\n\n- **Propriedades**\n\n  ```ts\n  interface TransitionProps {\n    /**\n     * Usado para gerar automaticamente nomes de classes CSS de transição.\n     * exemplo `name: 'fade'` expandirá automaticamente para `.fade-enter`,\n     * `.fade-enter-active`, etc.\n     */\n    name?: string\n    /**\n     * Decide aplicar classes CSS de transição.\n     * Padrão: true\n     */\n    css?: boolean\n    /**\n     * Especifica o tipo de eventos de transição à aguardar\n     * para determinar a transição e o tempo.\n     * O comportamento padrão é detetar automaticamente o tipo\n     * que tiver a maior duração.\n     */\n    type?: 'transition' | 'animation'\n    /**\n     * Especifica durações explícitas para as transições.\n     * O comportamento padrão é esperar pelo primeiro evento `transitionend`\n     * ou `animationend` no elemento de transição raiz.\n     */\n    duration?: number | { enter: number; leave: number }\n    /**\n     * Controla a sequência de tempo das transições que entram ou saem.\n     * O comportamento padrão é simultâneo.\n     */\n    mode?: 'in-out' | 'out-in' | 'default'\n    /**\n     * Define aplicar a transição na interpretação inicial.\n     * Padrão: false\n     */\n    appear?: boolean\n\n    /**\n     * Propriedades para personalizar as classes de transição.\n     * Use kebab-case nos modelos de marcação, exemplo enter-from-class=\"xxx\"\n     */\n    enterFromClass?: string\n    enterActiveClass?: string\n    enterToClass?: string\n    appearFromClass?: string\n    appearActiveClass?: string\n    appearToClass?: string\n    leaveFromClass?: string\n    leaveActiveClass?: string\n    leaveToClass?: string\n  }\n  ```\n\n- **Eventos**\n\n  - `@before-enter`\n  - `@before-leave`\n  - `@enter`\n  - `@leave`\n  - `@appear`\n  - `@after-enter`\n  - `@after-leave`\n  - `@after-appear`\n  - `@enter-cancelled`\n  - `@leave-cancelled` (apenas `v-show`)\n  - `@appear-cancelled`\n\n- **Exemplo**\n\n  Elemento simples:\n\n  ```html\n  <Transition>\n    <div v-if=\"ok\">conteúdo alternado</div>\n  </Transition>\n  ```\n\n  Forçar uma transição mudando o atributo `key`:\n\n  ```html\n  <Transition>\n    <div :key=\"text\">{{ text }}</div>\n  </Transition>\n  ```\n\n  Componente dinâmico, com o modo de transição + animação ao aparecer:\n\n  ```html\n  <Transition name=\"fade\" mode=\"out-in\" appear>\n    <component :is=\"view\"></component>\n  </Transition>\n  ```\n\n  Ouvir eventos de transição:\n\n  ```html\n  <Transition @after-enter=\"onTransitionComplete\">\n    <div v-show=\"ok\">conteúdo ativado</div>\n  </Transition>\n  ```\n\n- **Consulte também:** [Guia de `<Transition>`](https://pt.vuejs.org/guide/built-ins/transition.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
+        }
+      ]
+    },
+    {
+      "name": "TransitionGroup",
+      "description": {
+        "kind": "markdown",
+        "value": "\nFornece efeitos de transição para **múltiplos** elementos ou componentes numa lista.\n\n- **Propriedades**\n\n  `<TransitionGroup>` aceita as mesmas propriedades que o `<Transition>` exceto `mode`, e mais duas propriedades adicionais:\n\n  ```ts\n  interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n    /**\n     * Se não definido, desenha um fragmento.\n     */\n    tag?: string\n    /**\n     * Para personalizar as classes CSS aplicadas durante as transições de movimento.\n     * Use kebab-case em modelos de marcação, exemplo move-class=\"xxx\"\n     */\n    moveClass?: string\n  }\n  ```\n\n- **Eventos**\n\n  `<TransitionGroup>` emite os mesmos eventos que `<Transition>`.\n\n- **Detalhes**\n\n  Por padrão, `<TransitionGroup>` não desenha um elemento de DOM que envolve, mas pode ser definido através da propriedade `tag`.\n\n  Note que todo filho num `<transition-group>` deve ser [**identificado unicamente**](https://pt.vuejs.org/guide/essentials/list.html#maintaining-state-with-key) para que as animações funcionem apropriadamente.\n\n  `<TransitionGroup>` suporta transições de movimento através de transformações de CSS. Quando a posição dum filho na tela é mudada após uma atualização, será aplicada uma classe de movimento CSS (gerada automaticamente pelo atributo `name` ou configurada pela propriedade `move-class`). Se a propriedade de CSS `transform` é passível de transição quando a classe de movimento é aplicada, o elemento será suavemente animado até o seu destino usando a [técnica FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Exemplo**\n\n  ```html\n  <TransitionGroup tag=\"ul\" name=\"slide\">\n    <li v-for=\"item in items\" :key=\"item.id\">\n      {{ item.text }}\n    </li>\n  </TransitionGroup>\n  ```\n\n- **Consulte também:** [Guia - `TransitionGroup`](https://pt.vuejs.org/guide/built-ins/transition-group.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
+        }
+      ]
+    },
+    {
+      "name": "KeepAlive",
+      "description": {
+        "kind": "markdown",
+        "value": "\nArmazena para consulta imediata os componentes alternados dinamicamente envolvidos dentro.\n\n- **Propriedades**\n\n  ```ts\n  interface KeepAliveProps {\n    /**\n     * Se especificado, apenas componentes com nomes correspondidos\n     * pelo `include` estarão na memória de consulta imediata.\n     */\n    include?: MatchPattern\n    /**\n     * Qualquer componente com um nome correspondidos pelo `exclude`\n     * não estarão na memória de consulta imediata.\n     */\n    exclude?: MatchPattern\n    /**\n     * O número máximo de instâncias de componente à armazenar\n     * na memória de consulta imediata.\n     */\n    max?: number | string\n  }\n\n  type MatchPattern = string | RegExp | (string | RegExp)[]\n  ```\n\n- **Detalhes**\n\n  Quando envolvido em torno dum componente dinâmico, `<KeepAlive>` armazena para consulta imediata as instâncias de componente inativo sem destruí-las.\n\n  Só pode existir uma instância de componente como filho direto de `<KeepAlive>` em qualquer momento.\n\n  Quando um componente é alternado dentro de `<KeepAlive>`, seus gatilhos de ciclo de vida `activated` e `deactivated` são invocados de acordo, fornecendo uma alternativa ao `mounted` e `unmounted`, que não são chamados. Isto aplica-se ao filho direto de `<KeepAlive>` e também a todos os seus descendentes.\n\n- **Exemplo**\n\n  Uso básico:\n\n  ```html\n  <KeepAlive>\n    <component :is=\"view\"></component>\n  </KeepAlive>\n  ```\n\n  Quando usado com os ramos `v-if` / `v-else`, só deve existir um componente desenhado de cada vez:\n\n  ```html\n  <KeepAlive>\n    <comp-a v-if=\"a > 1\"></comp-a>\n    <comp-b v-else></comp-b>\n  </KeepAlive>\n  ```\n\n  Usado em conjunto com `<Transition>`:\n\n  ```html\n  <Transition>\n    <KeepAlive>\n      <component :is=\"view\"></component>\n    </KeepAlive>\n  </Transition>\n  ```\n\n  Usando `include` / `exclude`:\n\n  ```html\n  <!-- sequência de caracteres delimitada por vírgula -->\n  <KeepAlive include=\"a,b\">\n    <component :is=\"view\"></component>\n  </KeepAlive>\n\n  <!-- regex (use `v-bind`) -->\n  <KeepAlive :include=\"/a|b/\">\n    <component :is=\"view\"></component>\n  </KeepAlive>\n\n  <!-- vetor (use `v-bind`) -->\n  <KeepAlive :include=\"['a', 'b']\">\n    <component :is=\"view\"></component>\n  </KeepAlive>\n  ```\n\n  Uso com `max`:\n\n  ```html\n  <KeepAlive :max=\"10\">\n    <component :is=\"view\"></component>\n  </KeepAlive>\n  ```\n\n- **Consulte também:** [Guia - `KeepAlive`](https://pt.vuejs.org/guide/built-ins/keep-alive.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
+        }
+      ]
+    },
+    {
+      "name": "Teleport",
+      "description": {
+        "kind": "markdown",
+        "value": "\nDesenha o conteúdo da sua ranhura numa outra parte do DOM.\n\n- **Propriedades**\n\n  ```ts\n  interface TeleportProps {\n    /**\n     * Obrigatório. Específica o contentor alvo.\n     * Pode ser ou um seletor ou um elemento verdadeiro.\n     */\n    to: string | HTMLElement\n    /**\n     * Quando `true`, o conteúdo continuará na sua localização\n     * original ao invés de ser movido para o contentor alvo.\n     * Pode ser mudado dinamicamente.\n     */\n    disabled?: boolean\n  }\n  ```\n\n- **Exemplo**\n\n  Especificando o contentor alvo:\n\n  ```html\n  <teleport to=\"#some-id\" />\n  <teleport to=\".some-class\" />\n  <teleport to=\"[data-teleport]\" />\n  ```\n\n  Desativar condicionalmente:\n\n  ```html\n  <teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n    <video src=\"./my-movie.mp4\">\n  </teleport>\n  ```\n\n- **Consulte também:** [Guia - `Teleport`](https://pt.vuejs.org/guide/built-ins/teleport.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
+        }
+      ]
+    },
+    {
+      "name": "Suspense",
+      "description": {
+        "kind": "markdown",
+        "value": "\nUsado para orquestrar dependências assíncronas encaixadas numa árvore de componente.\n\n- **Propriedades**\n\n  ```ts\n  interface SuspenseProps {\n    timeout?: string | number\n  }\n  ```\n\n- **Eventos**\n\n  - `@resolve`\n  - `@pending`\n  - `@fallback`\n\n- **Detalhes**\n\n  `<Suspense>` aceita duas ranhuras: a ranhura `#default` e a ranhura `#fallback`. Ele exibirá o conteúdo da ranhura de retorno (`#fallback`) enquanto desenha a ranhura padrão (`#default`) na memória.\n\n  Se encontrar dependências assíncronas ([Componentes Assíncronos](https://pt.vuejs.org/guide/components/async.html) e componentes com [`async setup()`](https://pt.vuejs.org/guide/built-ins/suspense.html#async-setup)) enquanto desenha a ranhura padrão, aguardará até todos serem resolvidos antes de exibir a ranhura padrão.\n\n- **Consulte também:** [Guia - `Suspense`](https://pt.vuejs.org/guide/built-ins/suspense.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
+        }
+      ]
+    },
+    {
+      "name": "component",
+      "description": {
+        "kind": "markdown",
+        "value": "\nUm \"meta componente\" para renderizar dinâmicamente componentes ou elementos.\n\n- **Propriedades**\n\n  ```ts\n  interface DynamicComponentProps {\n    is: string | Component\n  }\n  ```\n\n- **Detalhes**\n\n  O atual componente a ser renderizado é determinado pela propriedade `is`.\n\n  - Quando `is` é uma string, pode ser um nome de tag HTML ou o nome registrado de um componente\n\n  - Alternativamente, `is` também pode ser vinculado diretamente à definição de um componente.\n\n- **Exemplo**\n\n  Renderizando componentes por nome registrado (API de Opções):\n\n  ```vue\n  <script>\n  import Foo from './Foo.vue'\n  import Bar from './Bar.vue'\n\n  export default {\n    components: { Foo, Bar },\n    data() {\n      return {\n        view: 'Foo'\n      }\n    }\n  }\n  </script>\n\n  <template>\n    <component :is=\"view\" />\n  </template>\n  ```\n\n  Renderizando componentes por definição (API de Composição com `<script setup>`):\n\n  ```vue\n  <script setup>\n  import Foo from './Foo.vue'\n  import Bar from './Bar.vue'\n  </script>\n\n  <template>\n    <component :is=\"Math.random() > 0.5 ? Foo : Bar\" />\n  </template>\n  ```\n\n  Renderizando elementos HTML:\n\n  ```html\n  <component :is=\"href ? 'a' : 'span'\"></component>\n  ```\n\n  Os [componentes embutidos](./built-in-components.html) podem ser todos passados por `is`, mas você deve registrá-los se quiser passá-los por nome. Por exemplo:\n\n  ```vue\n  <script>\n  import { Transition, TransitionGroup } from 'vue'\n\n  export default {\n    components: {\n      Transition,\n      TransitionGroup\n    }\n  }\n  </script>\n\n  <template>\n    <component :is=\"isGroup ? 'TransitionGroup' : 'Transition'\">\n      ...\n    </component>\n  </template>\n  ```\n\n  O registro não é necessário se você passar o próprio componente para `is` em vez de seu nome, por exemplo em `<script setup>`.\n\n  Se `v-model` for usado em uma tag `<component>`, o compilador de template irá expandi-lo para suporte com a propriedade `modelValue` e um event listener `update:modelValue`, assim como faria para qualquer outro componente. No entanto, isso não será compatível com elementos HTML nativos, como `<input>` ou `<select>`. Como resultado, usar `v-model` com um elemento nativo criado dinamicamente não funcionará:\n\n  ```vue\n  <script setup>\n  import { ref } from 'vue'\n  \n  const tag = ref('input')\n  const username = ref('')\n  </script>\n\n  <template>\n    <!-- Isso não funcionará porque 'input' é um elemento HTML nativo -->\n    <component :is=\"tag\" v-model=\"username\" />\n  </template>\n  ```\n\n  Na prática, esse caso extremo não é comum, pois os campos de formulário nativos geralmente são agrupados em componentes em aplicativos reais. Se você precisar usar um elemento nativo diretamente, poderá dividir o `v-model` em um atributo e evento manualmente.\n\n- **Veja também:** [Componentes Dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
+        }
+      ]
+    },
+    {
+      "name": "slot",
+      "description": {
+        "kind": "markdown",
+        "value": "\nIndica saídas de conteúdo de slot em templates.\n\n- **Propriedades**\n\n  ```ts\n  interface SlotProps {\n    /**\n     * Qualquer propriedade passada para <slot> para passar como argumentos\n     * para slots com escopo\n     */\n    [key: string]: any\n    /**\n     * Reservado para especificar o nome do slot.\n     */\n    name?: string\n  }\n  ```\n\n- **Detalhes**\n\n  O elemento `<slot>` pode usar o atributo `name` para especificar um nome de slot. Quando nenhum `name` for especificado, ele renderizará o slot padrão. Atributos adicionais passados ​​para o elemento slot serão passados ​​como propriedades de slot para o slot com escopo definido no pai.\n\n  O próprio elemento será substituído por seu conteúdo de slot correspondente.\n\n  `<slot>` elementos em templates Vue são compilados em JavaScript, então eles não devem ser confundidos com [elementos `<slot>` nativos](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Veja também:** [Componentes - Slots](https://pt.vuejs.org/guide/components/slots.html)\n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
+        }
+      ]
+    },
+    {
+      "name": "template",
+      "description": {
+        "kind": "markdown",
+        "value": "\nA tag `<template>` é usada como espaço reservado quando queremos usar uma diretiva interna sem renderizar um elemento no DOM.\n\n- **Detalhes:**\n\n  O tratamento especial para `<template>` só é acionado se for usado com uma destas diretivas:\n\n  - `v-if`, `v-else-if`, or `v-else`\n  - `v-for`\n  - `v-slot`\n  \n  Se nenhuma dessas diretivas estiver presente, ela será renderizada como um [elemento `<template>` nativo](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n  Um `<template>` com um `v-for` também pode ter um atributo [`key`](https://pt.vuejs.org/api/built-in-special-attributes.html#key). Todos os outros atributos e diretivas serão descartados, pois não são significativos sem um elemento correspondente.\n\n  Componentes de arquivo único (SFC) usam uma [tag `<template>` de alto nível](https://pt.vuejs.org/api/sfc-spec.html#language-blocks) para agrupar todo o template. Esse uso é separado do uso de `<template>` descrito acima. Essa tag de nível superior não faz parte do próprio modelo e não oferece suporte à sintaxe do modelo, tais como diretivas.\n\n- **Veja também:**\n  - [Guia - `v-if` on `<template>`](https://pt.vuejs.org/guide/essentials/conditional.html#v-if-on-template) \n  - [Guia - `v-for` on `<template>`](https://pt.vuejs.org/guide/essentials/list.html#v-for-on-template) \n  - [Guia - Slots nomeados](https://pt.vuejs.org/guide/components/slots.html#named-slots) \n"
+      },
+      "attributes": [],
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
+        }
+      ]
+    }
+  ],
+  "globalAttributes": [
+    {
+      "name": "v-text",
+      "description": {
+        "kind": "markdown",
+        "value": "\nAtualiza o conteúdo de texto do elemento.\n\n- **Espera:** `string`\n\n- **Detalhes**\n\n  `v-text` funciona por definir a propriedade [textContent](https://developer.mozilla.org/pt-BR/docs/Web/API/Node/textContent) do elemento, ela irá sobrescrever qualquer conteúdo dentro do elemento. Se você precisar atualizar parte do `textContent`, você deve usar [interpolações mustache](https://pt.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Exemplo**\n\n  ```html\n  <span v-text=\"msg\"></span>\n  <!-- é o mesmo que -->\n  <span>{{msg}}</span>\n  ```\n\n- **Veja também:** [Sintaxe do Modelo - Interpolação de Texto](https://pt.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
+        }
+      ]
+    },
+    {
+      "name": "v-html",
+      "description": {
+        "kind": "markdown",
+        "value": "\nAtualiza o [innerHTML](https://developer.mozilla.org/pt-BR/docs/Web/API/Element/innerHTML) do elemento.\n\n- **Espera:** `string`\n\n- **Detalhes:**\n\n  O conteúdo do `v-html` será inserido como HTML puro - a sintaxe de modelos Vue não será processada. Se você está tentando compor templates usando `v-html`, repense a solução tentando usar componentes.\n\n  ::: warning Nota de Segurança\n  Interpretar HTML arbitrário de forma dinâmica em seu website pode ser muito perigoso porque isso pode facilmente levar a [ataques XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Apenas use `v-html` em conteúdo confiável e **nunca** em conteúdo fornecido pelo usuário.\n  :::\n\n  Em [Componentes de Arquivo Único](https://pt.vuejs.org/guide/scaling-up/sfc.html), estilos `scoped` não serão aplicados ao conteúdo dentro do `v-html`, porque este HTML não é processado pelo compilador de modelos do Vue. Se você quer atingir o conteúdo de `v-html` com CSS escopado, você pode usar então [módulos CSS](./sfc-css-features.html#css-modules) ou um elemento `<style>` global adicional com uma estratégia de escopagem manual como o BEM.\n\n- **Exemplo:**\n\n  ```html\n  <div v-html=\"html\"></div>\n  ```\n\n- **Veja também:** [Sintaxe do Modelo - HTML Bruto](https://pt.vuejs.org/guide/essentials/template-syntax.html#raw-html)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
+        }
+      ]
+    },
+    {
+      "name": "v-show",
+      "description": {
+        "kind": "markdown",
+        "value": "\nAlterna a visibilidade do elemento baseado na veracidade do valor da expressão.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n  `v-show` funciona ao definir a propriedade CSS `display` através de estilos em linha, e tentará respeitar o valor inicial de `display` quando o elemento está visível. Ele também aciona transições quando as suas condições mudam.\n\n- **Veja também:** [Interpretação Condicional - v-show](https://pt.vuejs.org/guide/essentials/conditional.html#v-show)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
+        }
+      ]
+    },
+    {
+      "name": "v-if",
+      "description": {
+        "kind": "markdown",
+        "value": "\nApresenta um elemento ou fragmento de um modelo condicionalmente baseado na veracidade do valor da expressão.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n  Quando um elemento `v-if` é alternado, o elemento e seus componentes/diretivas contidas são destruídas e reconstruídas. Se a condição inicial for falsa, então o conteúdo interno não será interpretado de qualquer forma.\n\n  Pode ser usado no `<template>` para denotar um bloco condicional contando apenas texto ou múltiplos elementos.\n  Esta diretiva aciona transições quando sua condição muda.\n\n  Ao usar conjuntamente, o `v-if` tem maior prioridade que o `v-for`. Não recomendamos usar essas duas diretivas juntas no mesmo elemento - veja o [guia de interpretação de lista](https://pt.vuejs.org/guide/essentials/list.html#v-for-with-v-if) para mais detalhes.\n\n- **Veja também:** [Interpretação Condicional - v-if](https://pt.vuejs.org/guide/essentials/conditional.html#v-if)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
+        }
+      ]
+    },
+    {
+      "name": "v-else",
+      "valueSet": "v",
+      "description": {
+        "kind": "markdown",
+        "value": "\nDenota um \"bloco else\" para o `v-if` ou para uma cadeia `v-if` / `v-else-if`.\n\n- **Não espera expressões**\n\n- **Detalhes**\n\n  - Restrição: o elemento irmão anterior precisa ter `v-if` ou `v-else-if`.\n\n  - Pode ser usado no `<template>` para denotar um bloco condicional contendo apenas texto ou múltiplos elementos.\n\n- **Exemplo**\n\n  ```html\n  <div v-if=\"Math.random() > 0.5\">\n    Agora você me vê\n  </div>\n  <div v-else>\n    Agora não\n  </div>\n  ```\n\n- **Veja também:** [Interpretação Condicional - v-else](https://pt.vuejs.org/guide/essentials/conditional.html#v-else)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
+        }
+      ]
+    },
+    {
+      "name": "v-else-if",
+      "description": {
+        "kind": "markdown",
+        "value": "\nDenota o \"bloco else if\" para o `v-if`. Pode ser encadeado.\n\n- **Espera:** `any`\n\n- **Detalhes**\n\n  - Restrição: o elemento irmão anterior precisa ter `v-if` ou `v-else-if`.\n\n  - Pode ser usado no `<template>` para denotar um bloco condicional contendo apenas texto ou múltiplos elementos.\n\n- **Exemplo**\n\n  ```html\n  <div v-if=\"type === 'A'\">\n    A\n  </div>\n  <div v-else-if=\"type === 'B'\">\n    B\n  </div>\n  <div v-else-if=\"type === 'C'\">\n    C\n  </div>\n  <div v-else>\n    Não A/B/C\n  </div>\n  ```\n\n- **Veja também:** [Interpretação Condicional - v-else-if](https://pt.vuejs.org/guide/essentials/conditional.html#v-else-if)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
+        }
+      ]
+    },
+    {
+      "name": "v-for",
+      "description": {
+        "kind": "markdown",
+        "value": "\nApresenta o elemento ou bloco de modelo múltiplas vezes baseado na fonte de dados.\n\n- **Espera:** `Array | Object | number | string | Iterable`\n\n- **Detalhes**\n\n  O valor da diretiva deve usar a sintaxe espcial `variável in expressão` para fornecer uma variável para o atual elemento que está sendo iterado:\n\n  ```html\n  <div v-for=\"item in items\">\n    {{ item.text }}\n  </div>\n  ```\n\n  Alternativamente, você pode também especificar uma variável para o índice (ou a chave se for usada em um Objeto):\n\n  ```html\n  <div v-for=\"(item, index) in items\"></div>\n  <div v-for=\"(value, key) in object\"></div>\n  <div v-for=\"(value, name, index) in object\"></div>\n  ```\n\n  O comportamento padrão de `v-for` tentará corrigir os elementos existentes sem movê-los. Para forçar a reordenação de elementos, você deve fornecer uma dica de ordenação com o atributo especial `key`:\n\n  ```html\n  <div v-for=\"item in items\" :key=\"item.id\">\n    {{ item.text }}\n  </div>\n  ```\n\n  `v-for` também pode trabalhar com valores que implementam o [Protocolo Iterável](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Iteration_protocols#o_protocolo_iter%C3%A1vel_iterable_protocol), incluindo os nativos `Map` e `Set`.\n\n- **Veja também:**\n  - [Interpretação de Lista](https://pt.vuejs.org/guide/essentials/list.html)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
+        }
+      ]
+    },
+    {
+      "name": "v-on",
+      "description": {
+        "kind": "markdown",
+        "value": "\nAnexa um _event listener_ ao elemento.\n\n- **Atalho:** `@`\n\n- **Espera:** `Function | Inline Statement | Object (sem argumento)`\n\n- **Argumento:** `event` (opcional se estiver usando a sintaxe de Objeto)\n\n- **Modificadores:**\n\n  - `.stop` - chama `event.stopPropagation()`.\n  - `.prevent` - chama `event.preventDefault()`.\n  - `.capture` - adiciona um _event listener_ no modo de captura.\n  - `.self` - dispara o manipulador apenas se o evento foi despachado por este elemento.\n  - `.{keyAlias}` - dispara o manipulador apenas com certas teclas.\n  - `.once` - dispara o manipulador apenas uma vez.\n  - `.left` - dispara o manipulador apenas para eventos com o botão esquerdo do mouse.\n  - `.right` - dispara o manipulador apenas para eventos com o botão direito do mouse.\n  - `.middle` - dispara o manipulador apenas para eventos com o botão do meio do mouse.\n  - `.passive` - anexa um evento DOM com `{ passive: true }`.\n\n- **Detalhes**\n\n  O tipo de evento é denotado pelo argumento. A expressão pode ser o nome de um método, uma declaração em linha, ou omitido se os modificadores estiverem presentes.\n\n  Ao ser usado em um elemento normal, ele escuta apenas à [**eventos nativos do DOM**](https://developer.mozilla.org/pt-BR/docs/Web/Events). Quando usado em um elemento que é um componente personalizado, ele escuta aos **eventos personalizados** emitidos pelo componente filho.\n\n  Ao escutar eventos nativos do DOM, o método recebe o evento nativo como único argumento. Se usar uma declaração alinhada, a declaração tem acesso a propriedade especial `$event`: `v-on:click=\"handle('ok', $event)\"`.\n\n  `v-on` também suporta vincular a pares de _event/listener_ sem um argumento. Note que ao usar a sintaxe de objeto, ele não suporta qualquer modificador.\n\n- **Exemplo:**\n\n  ```html\n  <!-- manipulador de método -->\n  <button v-on:click=\"doThis\"></button>\n\n  <!-- evento dinâmico -->\n  <button v-on:[event]=\"doThis\"></button>\n\n  <!-- declaração em linha -->\n  <button v-on:click=\"doThat('hello', $event)\"></button>\n\n  <!-- atalho -->\n  <button @click=\"doThis\"></button>\n\n  <!-- atalho de evento dinâmico -->\n  <button @[event]=\"doThis\"></button>\n\n  <!-- parar propagação -->\n  <button @click.stop=\"doThis\"></button>\n\n  <!-- prevenir o padrão -->\n  <button @click.prevent=\"doThis\"></button>\n\n  <!-- prevenir o padrão sem expressão -->\n  <form @submit.prevent></form>\n\n  <!-- modificadores em cadeia -->\n  <button @click.stop.prevent=\"doThis\"></button>\n\n  <!-- modificador de tecla usando keyAlias -->\n  <input @keyup.enter=\"onEnter\" />\n\n  <!-- o evento click será disparado apenas uma vez -->\n  <button v-on:click.once=\"doThis\"></button>\n\n  <!-- sintaxe de objeto -->\n  <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n  ```\n\n  Escutar a eventos personalizados de um componente filho (o manipulador é chamado quando \"my-event\" é emitido pelo filho):\n\n  ```html\n  <MyComponent @my-event=\"handleThis\" />\n\n  <!-- declaração em linha -->\n  <MyComponent @my-event=\"handleThis(123, $event)\" />\n  ```\n\n- **Veja também:**\n  - [Manipulação de Eventos](https://pt.vuejs.org/guide/essentials/event-handling.html)\n  - [Componentes - Eventos Personalizados](https://pt.vuejs.org/guide/essentials/component-basics.html#listening-to-events)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
+        }
+      ]
+    },
+    {
+      "name": "v-bind",
+      "description": {
+        "kind": "markdown",
+        "value": "\nVincula um ou mais atributos dinamicamente, ou uma propriedade de componente a uma expressão.\n\n- **Atalho:** `:` ou `.` (ao usar o modificador `.prop`)\n\n- **Espera:** `any (com argumento) | Object (sem argumento)`\n\n- **Argumento:** `attrOrProp (opcional)`\n\n- **Modificadores:**\n\n  - `.camel` - transforma o nome de atributo kebab-case em camelCase.\n  - `.prop` - força que a vinculação aconteça como uma propriedade no DOM. <sup class=\"vt-badge\">3.2+</sup>\n  - `.attr` - força que a vinculação aconteça como um atributo no DOM. <sup class=\"vt-badge\">3.2+</sup>\n\n- **Uso:**\n\n  Ao usar para vincular os atributos `class` ou `style`, `v-bind` suporta tipos de valores adicionais como Array ou Object. Veja a seção guia mencionada abaixo para mais detalhes.\n\n  Quando configurar uma vinculação em um elemento, o Vue por padrão irá conferir se o elemento tem a chave definida como propriedade usando o operador `in` para realizar a conferência. Se a propriedade for definida, Vue irá definir o valor como uma propriedade DOM ao invés de um atributo. Isto deve acontecer na maioria dos casos, mas você pode sobrepor esse comportamento ao usar explicitamente os modificadores `.prop` ou `.attr`. Isto às vezes é necessário, especialmente ao [trabalhar com elementos personalizados](https://pt.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n  Ao usar para vincular propriedades aos componentes, a propriedade deve ser adequadamente declarada no componente filho.\n\n  Ao ser usada sem um argumento, pode vincular um objeto contendo pares de atributo nome-valor.\n\n- **Exemplo:**\n\n  ```html\n  <!-- vincular um atributo -->\n  <img v-bind:src=\"imageSrc\" />\n\n  <!-- nome de atributo dinâmico -->\n  <button v-bind:[key]=\"value\"></button>\n\n  <!-- atalho -->\n  <img :src=\"imageSrc\" />\n\n  <!-- atalho de nome de atributo dinâmico -->\n  <button :[key]=\"value\"></button>\n\n  <!-- com concatenação de string em linha -->\n  <img :src=\"'/path/to/images/' + fileName\" />\n\n  <!-- vincular classes -->\n  <div :class=\"{ red: isRed }\"></div>\n  <div :class=\"[classA, classB]\"></div>\n  <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n  <!-- vincular estilo -->\n  <div :style=\"{ fontSize: size + 'px' }\"></div>\n  <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n  <!-- vincular um objeto de atributos -->\n  <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n  <!-- vincular propriedades. \"prop\" deve ser declarada no componente filho. -->\n  <MyComponent :prop=\"someThing\" />\n\n  <!-- passar propriedades em comum do pai ao componente -->\n  <MyComponent v-bind=\"$props\" />\n\n  <!-- XLink -->\n  <svg><a :xlink:special=\"foo\"></a></svg>\n  ```\n\n  O modificador `.prop` também tem um atalho dedicado `.`:\n\n  ```html\n  <div :someProperty.prop=\"someObject\"></div>\n\n  <!-- equivalente a -->\n  <div .someProperty=\"someObject\"></div>\n  ```\n\n  O modificador `.camel` permite 'camelizar' um nome de atributo `v-bind` ao usar _templates in-DOM_, e.g. o atributo `viewBox` do SVG:\n\n  ```html\n  <svg :view-box.camel=\"viewBox\"></svg>\n  ```\n\n  `.camel` não é necessário se você está usando _templates string_, ou pré-compilando o modelo com uma fase de build.\n\n- **Veja também:**\n  - [Vinculações de Classe e Estilo](https://pt.vuejs.org/guide/essentials/class-and-style.html)\n  - [Componentes - Detalhes ao Passar Proriedades](https://pt.vuejs.org/guide/components/props.html#prop-passing-details)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
+        }
+      ]
+    },
+    {
+      "name": "v-model",
+      "description": {
+        "kind": "markdown",
+        "value": "\nCria uma vinculação de dois caminhos em uma entrada de formulário ou em um componente.\n\n- **Espera:** varia de acordo com o valor que as entradas do formulário ou com a saída dos componentes\n\n- **Limitado a:**\n\n  - `<input>`\n  - `<select>`\n  - `<textarea>`\n  - componentes\n\n- **Modificadores:**\n\n  - [`.lazy`](https://pt.vuejs.org/guide/essentials/forms.html#lazy) - escuta a eventos `change` ao invés de `input`\n  - [`.number`](https://pt.vuejs.org/guide/essentials/forms.html#number) - lança entradas de string válidas para números\n  - [`.trim`](https://pt.vuejs.org/guide/essentials/forms.html#trim) - apara a entrada\n\n- **Veja também:**\n\n  - [Vinculações de Entrada de Formulário](https://pt.vuejs.org/guide/essentials/forms.html)\n  - [Eventos de Componente - Uso com `v-model`](https://pt.vuejs.org/guide/components/v-model.html)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
+        }
+      ]
+    },
+    {
+      "name": "v-slot",
+      "description": {
+        "kind": "markdown",
+        "value": "\nDenota encaixes nomeados ou encaixes escopados que esperam receber propriedades.\n\n- **Atalho:** `#`\n\n- **Espera:** Expressão JavaScript que é valida em uma posição de argumento de função, incluindo suporte para desestruturação. Opcional - apenas necessário ao esperar que propriedades sejam passadas ao encaixe.\n\n- **Argumento:** nome do encaixe (opcional, o padrão é `default`)\n\n- **Limitado a:**\n\n  - `<template>`\n  - [componentes](https://pt.vuejs.org/guide/components/slots.html#scoped-slots) (para um encaixe solitário padrão com propriedades)\n\n- **Exemplo:**\n\n  ```html\n  <!-- Encaixes nomeados -->\n  <BaseLayout>\n    <template v-slot:header>\n      Conteúdo do Header\n    </template>\n\n    <template v-slot:default>\n      Conteúdo padrão do encaixe\n    </template>\n\n    <template v-slot:footer>\n      Conteúdo do Footer\n    </template>\n  </BaseLayout>\n\n  <!-- Encaixe nomeado que recebe propriedades -->\n  <InfiniteScroll>\n    <template v-slot:item=\"slotProps\">\n      <div class=\"item\">\n        {{ slotProps.item.text }}\n      </div>\n    </template>\n  </InfiniteScroll>\n\n  <!-- Encaixe padrão que recebe propriedades, com desestruturação -->\n  <Mouse v-slot=\"{ x, y }\">\n    Mouse position: {{ x }}, {{ y }}\n  </Mouse>\n  ```\n\n- **Veja também:**\n  - [Componentes - Encaixes](https://pt.vuejs.org/guide/components/slots.html)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
+        }
+      ]
+    },
+    {
+      "name": "v-pre",
+      "description": {
+        "kind": "markdown",
+        "value": "\nOmite a compilação para este elemento e todos os seus filhos.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n  Dentro do elemento com `v-pre`, toda a sintaxe de modelo do Vue será preservada e apresentada como está. O caso de uso mais comum para isso é mostrar identificadores mustache.\n\n- **Exemplo:**\n\n  ```html\n  <span v-pre>{{ isto não será compilado }}</span>\n  ```\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
+        }
+      ]
+    },
+    {
+      "name": "v-once",
+      "description": {
+        "kind": "markdown",
+        "value": "\nApresenta o elemento e componente apenas uma única vez, e omite futuras atualizações.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n  Em reintepretações subsequentes, o elemento/componente e todos os seus filhos serão tratados como conteúdo estático. Isto pode ser usado para otimizar o desempenho de atualização.\n\n  ```html\n  <!-- elemento único -->\n  <span v-once>Isso nunca irá mudar: {{msg}}</span>\n  <!-- o elemento possui filhos -->\n  <div v-once>\n    <h1>comentário</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- componente -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- diretiva `v-for` -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Desde a versão 3.2, você também pode 'memoizar' parte do template com condições de invalidação usando o [`v-memo`](#v-memo).\n\n- **Veja também:**\n  - [Sintaxe de Vinculação de Dados - Interpolações](https://pt.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
+        }
+      ]
+    },
+    {
+      "name": "v-memo",
+      "description": {
+        "kind": "markdown",
+        "value": "\n- **Espera:** `any[]`\n\n- **Detalhes**\n\n  'Memoiza' uma sub-árvore do modelo. Pode ser usado em elementos e componentes. A diretiva espera um _array_ de tamanho fixo com valores de dependência para comparar durante a 'memoização'. Se todo valor no _array_ for o mesmo do da última interpretação, então as atualizações para toda a sub-árvore serão omitidas. Por exemplo:\n\n  ```html\n  <div v-memo=\"[valueA, valueB]\">\n    ...\n  </div>\n  ```\n\n  Quando o componente é reinterpretado, se ambos os valores `valueA` e `valueB` permanecerem os mesmos, todos as atualizações para este `<div>` e seus filhos serão omitidas. Na verdade, até mesmo a criação do VNode do DOM Virtual será omitida, visto que a cópia 'memoizada' da sub-árvore pode ser reutilizada.\n\n  É importante especificar o _array_ de 'memoização' corretamente, caso contrário nós podemos omitir atualizações que deveriam ser de fato aplicadas. `v-memo` com uma dependência de _array_ vazia (`v-memo=\"[]\"`) deve ser funcionalmente equivalente a `v-once`.\n\n  **Uso com `v-for`**\n\n  `v-memo` é fornecido exclusivamente para micro-otimizações em cenários críticos de desempenho, e raramente devem ser necessários. O caso de uso mais comum onde pode ser útil é ao apresentar grandes listas `v-for` (onde `length > 1000`):\n\n  ```html\n  <div v-for=\"item in list\" :key=\"item.id\" v-memo=\"[item.id === selected]\">\n    <p>ID: {{ item.id }} - selecionado: {{ item.id === selected }}</p>\n    <p>...mais nódulos filhos</p>\n  </div>\n  ```\n\n  Quando o estado `selected` do componente muda, uma grande quantidade de VNodes será criada mesmo que a maioria dos itens tenha permanecido exatamente o mesmo. O uso de `v-memo` aqui é essencialmente para dizer \"apenas atualize este item se ele for de não selecionado para selecionado, ou o contrário\". Isto permite que todo item inalterado reuse seu VNode anterior e pule a comparação inteiramente. Note que não precisamos incluir o `item.id` nas dependências de _array_ memo aqui visto que o Vue automaticamente infere pela `:key` do item.\n\n  :::warning\n  Ao usar `v-memo` com `v-for`, tenha certeza que eles são usados no mesmo elemento. **`v-memo` não funciona dentro de `v-for`.**\n  :::\n\n  `v-memo` também pode ser usado em componentes para manualmente prevenir atualizações indesejadas em certos casos extremos onde a atualização de um componente filho foi deteriorada. Mas novamente, é responsabilidade do desenvolvedor especificar a dependência de _arrays_ correta para evitar omitir atualizações necessárias.\n\n- **Veja também:**\n  - [v-once](#v-once)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
+        }
+      ]
+    },
+    {
+      "name": "v-cloak",
+      "description": {
+        "kind": "markdown",
+        "value": "\nUsado para esconder modelo não compilado até que esteja pronto.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n  **Esta diretiva só é necessária em ambientes sem a fase de build.**\n\n  Ao usar _in-DOM templates_, pode haver um \"instante de modelos não compilados\": o usuário pode ver identificadores mustache até que o componente montado substitua-os com o conteúdo interpretado.\n\n  `v-cloak` permanecerá no elemento até que a instância do componente associado seja montada. Ao combinar com regras CSS como `[v-cloak] { display: none }`, pode esconder modelos brutos até que o componente esteja pronto.\n\n- **Exemplo:**\n\n  ```css\n  [v-cloak] {\n    display: none;\n  }\n  ```\n\n  ```html\n  <div v-cloak>\n    {{ message }}\n  </div>\n  ```\n\n  O `<div>` não será visível até que a compilação esteja concluída.\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "description": {
+        "kind": "markdown",
+        "value": "\nO atributo especial `key` é usado principalmente como uma dica para o algoritmo de DOM virtual do Vue identificar vnodes ao comparar a nova lista de nós com a velha lista.\n\n- **Espera:** `number | string | symbol`\n\n- **Detalhes**\n\n  Sem as chaves, Vue usa um algoritmo que minimiza a movimentação de elementos e tenta corrigir/reusar elementos do mesmo tipo no local, tanto quanto possível. Com chaves, ele reordenará elementos com base na alteração da ordem das chaves, e os elementos com chaves que não estão mais presentes sempre serão removidos/destruídos.\n\n  Filhos do mesmo pai comum devem ter **chaves únicas**. Chaves duplicadas causarão erros de apresentação.\n\n  O caso de uso mais comum é combinado com `v-for`:\n\n  ```html\n  <ul>\n    <li v-for=\"item in items\" :key=\"item.id\">...</li>\n  </ul>\n  ```\n\n  Também pode ser usado para forçar a substituição de um elemento/componente em vez de reutilizá-lo. Isso pode ser útil quando você deseja:\n\n  - Acionar corretamente gatilhos de ciclo de vida de um componente\n  - Acionar transições\n\n  Por exemplo:\n\n  ```html\n  <transition>\n    <span :key=\"text\">{{ text }}</span>\n  </transition>\n  ```\n\n  Quando `text` mudar, o `<span>` sempre será substituído ao invés de alterado, então uma transição será acionada.\n\n- **Veja também:** [Guia - Interpretação de Lista - Mantendo o Estado com `key`](https://pt.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
+        }
+      ]
+    },
+    {
+      "name": "ref",
+      "description": {
+        "kind": "markdown",
+        "value": "\nDenota uma [referência do modelo de marcação](https://pt.vuejs.org/guide/essentials/template-refs.html).\n\n- **Espera:** `string | Function`\n\n- **Detalhes**\n\n  `ref` é usado para registrar uma referência a um elemento ou a um componente filho.\n\n  Na API de Opções, a referência será registrada sob o objeto `this.$refs` do componente:\n\n  ```html\n  <!-- armazenado como this.$refs.p -->\n  <p ref=\"p\">hello</p>\n  ```\n\n  Na API de Composição, a referência será armazenada em uma ref com o nome compatível:\n\n  ```vue\n  <script setup>\n  import { ref } from 'vue'\n\n  const p = ref()\n  </script>\n\n  <template>\n    <p ref=\"p\">hello</p>\n  </template>\n  ```\n\n  Se usado em um elemento DOM simples, a referência será aquele elemento; se usado em um componente filho, a referência será a instância do componente filho.\n\n  Alternativamente `ref` pode aceitar um valor de função que fornece controle total de onde armazenar a referência:\n\n  ```html\n  <ChildComponent :ref=\"(el) => child = el\" />\n  ```\n\n  Uma nota importante sobre o tempo de registro de ref: como refs são criadas pelo resultado de uma função _render_, você deve aguardar até que o componente seja montado antes de acessá-las.\n\n  `this.$refs` não é reativo, portanto você não deve tentar usar em modelos para vincular dados.\n\n- **Veja também:**\n  - [Guia - Referências do Modelo de Marcação](https://pt.vuejs.org/guide/essentials/template-refs.html)\n  - [Guia - Atribuindo Tipos as Referências do Modelo de Marcação](https://pt.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" />\n  - [Guia - Tipos as Referências do Modelo de Marcação de Componente](https://pt.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs) <sup class=\"vt-badge ts\" />\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
+        }
+      ]
+    },
+    {
+      "name": "is",
+      "description": {
+        "kind": "markdown",
+        "value": "\nUsado para vincular [componentes dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Espera:** `string | Component`\n\n- **Uso em elementos nativos** <sup class=\"vt-badge\">3.1+</sup>\n\n  Quando o atributo `is` é usado em um elemento HTML nativo, ele será interpretado como um [Elemento embutido personalizado](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example), que é um recurso nativo da plataforma web.\n\n  Há, no entanto, um caso de uso em que você pode precisar do Vue para substituir um elemento nativo por um componente Vue, conforme explicado em [Advertências de Analise de Modelo de Marcação de DOM](https://pt.vuejs.org/guide/essentials/component-basics.html#dom-template-parsing-caveats). Você pode prefixar o valor do atributo `is` com o atributo `vue:` para que o Vue apresente o elemento como um componente Vue:\n\n  ```html\n  <table>\n    <tr is=\"vue:my-row-component\"></tr>\n  </table>\n  ```\n\n- **Veja também:**\n\n  - [Elementos Especiais Embutidos - `<component>`](https://pt.vuejs.org/api/built-in-special-elements.html#component)\n  - [Componentes Dinâmicos](https://pt.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
+      },
+      "references": [
+        {
+          "name": "en",
+          "url": "https://vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "zh-cn",
+          "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "ja",
+          "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "ua",
+          "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "fr",
+          "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "ko",
+          "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/packages/vue-language-service/data/template/zh-cn.json b/packages/vue-language-service/data/template/zh-cn.json
index f98e93adf2..0eb58909de 100644
--- a/packages/vue-language-service/data/template/zh-cn.json
+++ b/packages/vue-language-service/data/template/zh-cn.json
@@ -32,6 +32,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
         }
       ]
     },
@@ -66,6 +70,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
         }
       ]
     },
@@ -100,6 +108,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
         }
       ]
     },
@@ -134,6 +146,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
         }
       ]
     },
@@ -168,6 +184,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
         }
       ]
     },
@@ -202,6 +222,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
         }
       ]
     },
@@ -236,6 +260,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
         }
       ]
     },
@@ -270,6 +298,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
         }
       ]
     }
@@ -305,6 +337,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
         }
       ]
     },
@@ -338,6 +374,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
         }
       ]
     },
@@ -371,6 +411,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
         }
       ]
     },
@@ -404,6 +448,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
         }
       ]
     },
@@ -438,6 +486,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
         }
       ]
     },
@@ -471,6 +523,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
         }
       ]
     },
@@ -504,6 +560,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
         }
       ]
     },
@@ -537,6 +597,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
         }
       ]
     },
@@ -570,6 +634,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
         }
       ]
     },
@@ -603,6 +671,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
         }
       ]
     },
@@ -636,6 +708,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
         }
       ]
     },
@@ -669,6 +745,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
         }
       ]
     },
@@ -702,6 +782,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
         }
       ]
     },
@@ -735,6 +819,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
         }
       ]
     },
@@ -768,6 +856,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
         }
       ]
     },
@@ -801,6 +893,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
         }
       ]
     },
@@ -834,6 +930,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
         }
       ]
     },
@@ -867,6 +967,10 @@
         {
           "name": "ko",
           "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
+        },
+        {
+          "name": "pt",
+          "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
         }
       ]
     }
diff --git a/packages/vue-language-service/scripts/update-html-data.js b/packages/vue-language-service/scripts/update-html-data.js
index 6b6729bcc6..ecad7af645 100644
--- a/packages/vue-language-service/scripts/update-html-data.js
+++ b/packages/vue-language-service/scripts/update-html-data.js
@@ -38,6 +38,12 @@ const langs = [
 		repoUrl: 'https://raw.githubusercontent.com/vuejs-translations/docs-ko/',
 		supported: true,
 	},
+	{
+		name: 'pt',
+		url: 'https://pt.vuejs.org/',
+		repoUrl: 'https://raw.githubusercontent.com/vuejs-translations/docs-pt/',
+		supported: true,
+	},
 ];
 
 for (const lang of langs) {
diff --git a/packages/vue-language-service/src/plugins/data.ts b/packages/vue-language-service/src/plugins/data.ts
index 07b870d17c..9d8b62968e 100644
--- a/packages/vue-language-service/src/plugins/data.ts
+++ b/packages/vue-language-service/src/plugins/data.ts
@@ -15,6 +15,9 @@ export function loadTemplateData(lang: string) {
 	else if (lang === 'ko') {
 		data = require('../../data/template/ko.json');
 	}
+	else if (lang === 'pt-br') {
+		data = require('../../data/template/pt.json');
+	}
 	else if (lang === 'zh-cn') {
 		data = require('../../data/template/zh-cn.json');
 	}
@@ -54,6 +57,9 @@ export function loadLanguageBlocks(lang: string) {
 	else if (lang === 'ko') {
 		data = require('../../data/language-blocks/ko.json');
 	}
+	else if (lang === 'pt-br') {
+		data = require('../../data/language-blocks/pt.json');
+	}
 	else if (lang === 'zh-cn') {
 		data = require('../../data/language-blocks/zh-cn.json');
 	}
@@ -79,6 +85,9 @@ export function loadModelModifiersData(lang: string) {
 	else if (lang === 'ko') {
 		data = require('../../data/model-modifiers/ko.json');
 	}
+	else if (lang === 'pt-br') {
+		data = require('../../data/model-modifiers/pt.json');
+	}
 	else if (lang === 'zh-cn') {
 		data = require('../../data/model-modifiers/zh-cn.json');
 	}

From 2f3282e037ff3f0733384ba32caf81241381af1f Mon Sep 17 00:00:00 2001
From: Ray <nn_201312@163.com>
Date: Wed, 6 Sep 2023 11:40:16 +0800
Subject: [PATCH 3/9] fix: correctly hyphen-case props (#3424)

Co-authored-by: Johnson Chu <johnsoncodehk@gmail.com>
---
 .../src/generators/script.ts                  | 14 ++--
 .../src/generators/template.ts                | 43 +++++++------
 packages/vue-language-core/src/index.ts       |  1 +
 .../vue-language-core/src/languageModule.ts   |  2 +-
 .../vue-language-core/src/utils/shared.ts     | 13 ++++
 .../src/ideFeatures/nameCasing.ts             | 43 ++++++-------
 .../src/languageService.ts                    | 24 +++----
 .../src/plugins/vue-autoinsert-dotvalue.ts    |  4 +-
 .../src/plugins/vue-template.ts               | 64 +++++++++----------
 .../complete/core#8811/input/entry.vue        | 12 ++++
 .../complete/core#8811/output/entry.vue       | 12 ++++
 11 files changed, 136 insertions(+), 96 deletions(-)
 create mode 100644 packages/vue-test-workspace/complete/core#8811/input/entry.vue
 create mode 100644 packages/vue-test-workspace/complete/core#8811/output/entry.vue

diff --git a/packages/vue-language-core/src/generators/script.ts b/packages/vue-language-core/src/generators/script.ts
index 16ff66443a..4e04ac7856 100644
--- a/packages/vue-language-core/src/generators/script.ts
+++ b/packages/vue-language-core/src/generators/script.ts
@@ -1,19 +1,17 @@
-import { getLength, Segment } from '@volar/source-map';
 import { FileRangeCapabilities, MirrorBehaviorCapabilities } from '@volar/language-core';
-import type { TextRange } from '../types';
 import * as SourceMaps from '@volar/source-map';
-import { hyphenate } from '@vue/shared';
+import { Segment, getLength } from '@volar/source-map';
+import * as muggle from 'muggle-string';
 import { posix as path } from 'path';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import type * as templateGen from '../generators/template';
 import type { ScriptRanges } from '../parsers/scriptRanges';
 import type { ScriptSetupRanges } from '../parsers/scriptSetupRanges';
+import type { TextRange, VueCompilerOptions } from '../types';
 import { Sfc } from '../types';
-import type { VueCompilerOptions } from '../types';
-import { getSlotsPropertyName } from '../utils/shared';
-import { walkInterpolationFragment } from '../utils/transform';
 import * as sharedTypes from '../utils/globalTypes';
-import * as muggle from 'muggle-string';
+import { getSlotsPropertyName, hyphenateTag } from '../utils/shared';
+import { walkInterpolationFragment } from '../utils/transform';
 
 export function generate(
 	ts: typeof import('typescript/lib/tsserverlibrary'),
@@ -974,7 +972,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
 
 			// fix import components unused report
 			for (const varName of bindingNames) {
-				if (!!htmlGen.tagNames[varName] || !!htmlGen.tagNames[hyphenate(varName)]) {
+				if (!!htmlGen.tagNames[varName] || !!htmlGen.tagNames[hyphenateTag(varName)]) {
 					usageVars.add(varName);
 				}
 			}
diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
index b3a154a8e3..c802ee17ce 100644
--- a/packages/vue-language-core/src/generators/template.ts
+++ b/packages/vue-language-core/src/generators/template.ts
@@ -1,12 +1,13 @@
-import { Segment } from '@volar/source-map';
 import { FileRangeCapabilities } from '@volar/language-core';
+import { Segment } from '@volar/source-map';
 import * as CompilerDOM from '@vue/compiler-dom';
-import { camelize, capitalize, hyphenate } from '@vue/shared';
+import { camelize, capitalize } from '@vue/shared';
+import { minimatch } from 'minimatch';
+import * as muggle from 'muggle-string';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import { Sfc, VueCompilerOptions } from '../types';
+import { hyphenateAttr, hyphenateTag } from '../utils/shared';
 import { colletVars, walkInterpolationFragment } from '../utils/transform';
-import { minimatch } from 'minimatch';
-import * as muggle from 'muggle-string';
 
 const capabilitiesPresets = {
 	all: FileRangeCapabilities.full,
@@ -233,7 +234,7 @@ export function generate(
 								...capabilitiesPresets.tagReference,
 								rename: {
 									normalize: tagName === name ? capabilitiesPresets.tagReference.rename.normalize : camelizeComponentName,
-									apply: getRenameApply(tagName),
+									apply: getTagRenameApply(tagName),
 								},
 							},
 						]),
@@ -963,8 +964,8 @@ export function generate(
 								},
 								// onClickOutside -> @click-outside
 								apply(newName) {
-									const hName = hyphenate(newName);
-									if (hyphenate(newName).startsWith('on-')) {
+									const hName = hyphenateAttr(newName);
+									if (hyphenateAttr(newName).startsWith('on-')) {
 										return camelize(hName.slice('on-'.length));
 									}
 									return newName;
@@ -1188,7 +1189,7 @@ export function generate(
 
 				if (
 					(!prop.arg || (prop.arg.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)) // isStatic
-					&& hyphenate(attrNameText) === attrNameText
+					&& hyphenateAttr(attrNameText) === attrNameText
 					&& !vueCompilerOptions.htmlAttributes.some(pattern => minimatch(attrNameText!, pattern))
 				) {
 					attrNameText = camelize(attrNameText);
@@ -1222,7 +1223,7 @@ export function generate(
 								...caps_attr,
 								rename: {
 									normalize: camelize,
-									apply: camelized ? hyphenate : noEditApply,
+									apply: camelized ? hyphenateAttr : noEditApply,
 								},
 							},
 						], (prop.loc as any).name_2 ?? ((prop.loc as any).name_2 = {})),
@@ -1238,7 +1239,7 @@ export function generate(
 								...caps_attr,
 								rename: {
 									normalize: camelize,
-									apply: camelized ? hyphenate : noEditApply,
+									apply: camelized ? hyphenateAttr : noEditApply,
 								},
 							},
 						], (prop.loc as any).name_2 ?? ((prop.loc as any).name_2 = {})),
@@ -1294,7 +1295,7 @@ export function generate(
 				let camelized = false;
 
 				if (
-					hyphenate(prop.name) === prop.name
+					hyphenateAttr(prop.name) === prop.name
 					&& !vueCompilerOptions.htmlAttributes.some(pattern => minimatch(attrNameText!, pattern))
 				) {
 					attrNameText = camelize(prop.name);
@@ -1317,7 +1318,7 @@ export function generate(
 							...caps_attr,
 							rename: {
 								normalize: camelize,
-								apply: camelized ? hyphenate : noEditApply,
+								apply: camelized ? hyphenateAttr : noEditApply,
 							},
 						},
 					], (prop.loc as any).name_1 ?? ((prop.loc as any).name_1 = {}))
@@ -1479,7 +1480,7 @@ export function generate(
 							},
 							rename: {
 								normalize: camelize,
-								apply: getRenameApply(prop.name),
+								apply: getPropRenameApply(prop.name),
 							},
 						},
 					],
@@ -1642,7 +1643,7 @@ export function generate(
 							...capabilitiesPresets.slotProp,
 							rename: {
 								normalize: camelize,
-								apply: getRenameApply(prop.arg.content),
+								apply: getPropRenameApply(prop.arg.content),
 							},
 						},
 					], prop.arg.loc),
@@ -1671,7 +1672,7 @@ export function generate(
 							...capabilitiesPresets.attr,
 							rename: {
 								normalize: camelize,
-								apply: getRenameApply(prop.name),
+								apply: getPropRenameApply(prop.name),
 							},
 						},
 					], prop.loc),
@@ -1952,8 +1953,12 @@ function camelizeComponentName(newName: string) {
 	return camelize('-' + newName);
 }
 
-function getRenameApply(oldName: string) {
-	return oldName === hyphenate(oldName) ? hyphenate : noEditApply;
+function getTagRenameApply(oldName: string) {
+	return oldName === hyphenateTag(oldName) ? hyphenateTag : noEditApply;
+}
+
+function getPropRenameApply(oldName: string) {
+	return oldName === hyphenateAttr(oldName) ? hyphenateAttr : noEditApply;
 }
 
 function noEditApply(n: string) {
@@ -1965,7 +1970,7 @@ function getModelValuePropName(node: CompilerDOM.ElementNode, vueVersion: number
 	for (const modelName in vueCompilerOptions.experimentalModelPropName) {
 		const tags = vueCompilerOptions.experimentalModelPropName[modelName];
 		for (const tag in tags) {
-			if (node.tag === tag || node.tag === hyphenate(tag)) {
+			if (node.tag === tag || node.tag === hyphenateTag(tag)) {
 				const v = tags[tag];
 				if (typeof v === 'object') {
 					const arr = Array.isArray(v) ? v : [v];
@@ -1991,7 +1996,7 @@ function getModelValuePropName(node: CompilerDOM.ElementNode, vueVersion: number
 	for (const modelName in vueCompilerOptions.experimentalModelPropName) {
 		const tags = vueCompilerOptions.experimentalModelPropName[modelName];
 		for (const tag in tags) {
-			if (node.tag === tag || node.tag === hyphenate(tag)) {
+			if (node.tag === tag || node.tag === hyphenateTag(tag)) {
 				const attrs = tags[tag];
 				if (attrs === true) {
 					return modelName || undefined;
diff --git a/packages/vue-language-core/src/index.ts b/packages/vue-language-core/src/index.ts
index 968eacf091..a1651daeb4 100644
--- a/packages/vue-language-core/src/index.ts
+++ b/packages/vue-language-core/src/index.ts
@@ -9,6 +9,7 @@ export * from './utils/parseSfc';
 
 export * as scriptRanges from './parsers/scriptRanges';
 export * as sharedTypes from './utils/globalTypes';
+export * from './utils/shared';
 export { tsCodegen } from './plugins/vue-tsx';
 
 export * from '@volar/language-core';
diff --git a/packages/vue-language-core/src/languageModule.ts b/packages/vue-language-core/src/languageModule.ts
index 90ded3be92..be17351bef 100644
--- a/packages/vue-language-core/src/languageModule.ts
+++ b/packages/vue-language-core/src/languageModule.ts
@@ -115,7 +115,7 @@ export function createVueLanguage(
 }
 
 /**
- * @deprecated planed to remove in 2.0, please use getOrCreateVueLanguage instead of
+ * @deprecated planed to remove in 2.0, please use createVueLanguage instead of
  */
 export function createLanguages(
 	compilerOptions: ts.CompilerOptions = {},
diff --git a/packages/vue-language-core/src/utils/shared.ts b/packages/vue-language-core/src/utils/shared.ts
index abd48fe5b6..b52f7a5868 100644
--- a/packages/vue-language-core/src/utils/shared.ts
+++ b/packages/vue-language-core/src/utils/shared.ts
@@ -1,3 +1,16 @@
+import { hyphenate } from '@vue/shared';
+
 export function getSlotsPropertyName(vueVersion: number) {
 	return vueVersion < 3 ? '$scopedSlots' : '$slots';
 }
+
+export { hyphenate as hyphenateTag } from '@vue/shared';
+
+export function hyphenateAttr(str: string) {
+	let hyphencase = hyphenate(str);
+	// fix https://github.com/vuejs/core/issues/8811
+	if (str.length && str[0] !== str[0].toLowerCase()) {
+		hyphencase = '-' + hyphencase;
+	}
+	return hyphencase;
+}
diff --git a/packages/vue-language-service/src/ideFeatures/nameCasing.ts b/packages/vue-language-service/src/ideFeatures/nameCasing.ts
index 3d0ebed33f..d64264b907 100644
--- a/packages/vue-language-service/src/ideFeatures/nameCasing.ts
+++ b/packages/vue-language-service/src/ideFeatures/nameCasing.ts
@@ -1,21 +1,20 @@
-import { hyphenate } from '@vue/shared';
 import { ServiceContext, VirtualFile } from '@volar/language-service';
-import { getComponentNames, getTemplateTagsAndAttrs, getPropsByTag } from '../helpers';
-import * as vue from '@vue/language-core';
+import { VueCompilerOptions, VueFile, hyphenateAttr, hyphenateTag } from '@vue/language-core';
+import type { Provide } from 'volar-service-typescript';
 import type * as vscode from 'vscode-languageserver-protocol';
+import { getComponentNames, getPropsByTag, getTemplateTagsAndAttrs } from '../helpers';
 import { AttrNameCasing, TagNameCasing } from '../types';
-import type { Provide } from 'volar-service-typescript';
 
 export async function convertTagName(
 	ts: typeof import('typescript/lib/tsserverlibrary'),
 	context: ServiceContext<Provide>,
 	uri: string,
 	casing: TagNameCasing,
-	vueCompilerOptions: vue.VueCompilerOptions,
+	vueCompilerOptions: VueCompilerOptions,
 ) {
 
 	const rootFile = context.documents.getSourceByUri(uri)?.root;
-	if (!(rootFile instanceof vue.VueFile))
+	if (!(rootFile instanceof VueFile))
 		return;
 
 	const desc = rootFile.sfc;
@@ -30,14 +29,14 @@ export async function convertTagName(
 	const tags = getTemplateTagsAndAttrs(rootFile);
 
 	for (const [tagName, { offsets }] of tags) {
-		const componentName = components.find(component => component === tagName || hyphenate(component) === tagName);
+		const componentName = components.find(component => component === tagName || hyphenateTag(component) === tagName);
 		if (componentName) {
 			for (const offset of offsets) {
 				const start = document.positionAt(template.startTagEnd + offset);
 				const end = document.positionAt(template.startTagEnd + offset + tagName.length);
 				const range: vscode.Range = { start, end };
-				if (casing === TagNameCasing.Kebab && tagName !== hyphenate(componentName)) {
-					edits.push({ range, newText: hyphenate(componentName) });
+				if (casing === TagNameCasing.Kebab && tagName !== hyphenateTag(componentName)) {
+					edits.push({ range, newText: hyphenateTag(componentName) });
 				}
 				if (casing === TagNameCasing.Pascal && tagName !== componentName) {
 					edits.push({ range, newText: componentName });
@@ -54,11 +53,11 @@ export async function convertAttrName(
 	context: ServiceContext,
 	uri: string,
 	casing: AttrNameCasing,
-	vueCompilerOptions: vue.VueCompilerOptions,
+	vueCompilerOptions: VueCompilerOptions,
 ) {
 
 	const rootFile = context.documents.getSourceByUri(uri)?.root;
-	if (!(rootFile instanceof vue.VueFile))
+	if (!(rootFile instanceof VueFile))
 		return;
 
 	const desc = rootFile.sfc;
@@ -73,18 +72,18 @@ export async function convertAttrName(
 	const tags = getTemplateTagsAndAttrs(rootFile);
 
 	for (const [tagName, { attrs }] of tags) {
-		const componentName = components.find(component => component === tagName || hyphenate(component) === tagName);
+		const componentName = components.find(component => component === tagName || hyphenateTag(component) === tagName);
 		if (componentName) {
 			const props = getPropsByTag(ts, languageService, rootFile, componentName, vueCompilerOptions);
 			for (const [attrName, { offsets }] of attrs) {
-				const propName = props.find(prop => prop === attrName || hyphenate(prop) === attrName);
+				const propName = props.find(prop => prop === attrName || hyphenateAttr(prop) === attrName);
 				if (propName) {
 					for (const offset of offsets) {
 						const start = document.positionAt(template.startTagEnd + offset);
 						const end = document.positionAt(template.startTagEnd + offset + attrName.length);
 						const range: vscode.Range = { start, end };
-						if (casing === AttrNameCasing.Kebab && attrName !== hyphenate(propName)) {
-							edits.push({ range, newText: hyphenate(propName) });
+						if (casing === AttrNameCasing.Kebab && attrName !== hyphenateAttr(propName)) {
+							edits.push({ range, newText: hyphenateAttr(propName) });
 						}
 						if (casing === AttrNameCasing.Camel && attrName !== propName) {
 							edits.push({ range, newText: propName });
@@ -102,7 +101,7 @@ export async function getNameCasing(
 	ts: typeof import('typescript/lib/tsserverlibrary'),
 	context: ServiceContext,
 	uri: string,
-	vueCompilerOptions: vue.VueCompilerOptions,
+	vueCompilerOptions: VueCompilerOptions,
 ) {
 
 	const detected = detect(ts, context, uri, vueCompilerOptions);
@@ -123,14 +122,14 @@ export function detect(
 	ts: typeof import('typescript/lib/tsserverlibrary'),
 	context: ServiceContext,
 	uri: string,
-	vueCompilerOptions: vue.VueCompilerOptions,
+	vueCompilerOptions: VueCompilerOptions,
 ): {
 	tag: TagNameCasing[],
 	attr: AttrNameCasing[],
 } {
 
 	const rootFile = context.documents.getSourceByUri(uri)?.root;
-	if (!(rootFile instanceof vue.VueFile)) {
+	if (!(rootFile instanceof VueFile)) {
 		return {
 			tag: [],
 			attr: [],
@@ -152,7 +151,7 @@ export function detect(
 		for (const [_, { attrs }] of tags) {
 			for (const [tagName] of attrs) {
 				// attrName
-				if (tagName !== hyphenate(tagName)) {
+				if (tagName !== hyphenateTag(tagName)) {
 					result.push(AttrNameCasing.Camel);
 					break;
 				}
@@ -177,7 +176,7 @@ export function detect(
 		let anyComponentUsed = false;
 
 		for (const component of components) {
-			if (tagNames.has(component) || tagNames.has(hyphenate(component))) {
+			if (tagNames.has(component) || tagNames.has(hyphenateTag(component))) {
 				anyComponentUsed = true;
 				break;
 			}
@@ -188,7 +187,7 @@ export function detect(
 
 		for (const [tagName] of tagNames) {
 			// TagName
-			if (tagName !== hyphenate(tagName)) {
+			if (tagName !== hyphenateTag(tagName)) {
 				result.push(TagNameCasing.Pascal);
 				break;
 			}
@@ -196,7 +195,7 @@ export function detect(
 		for (const component of components) {
 			// Tagname -> tagname
 			// TagName -> tag-name
-			if (component !== hyphenate(component) && tagNames.has(hyphenate(component))) {
+			if (component !== hyphenateTag(component) && tagNames.has(hyphenateTag(component))) {
 				result.push(TagNameCasing.Kebab);
 				break;
 			}
diff --git a/packages/vue-language-service/src/languageService.ts b/packages/vue-language-service/src/languageService.ts
index 0a22df9122..6aaf154016 100644
--- a/packages/vue-language-service/src/languageService.ts
+++ b/packages/vue-language-service/src/languageService.ts
@@ -1,6 +1,6 @@
 import { Config, Service, ServiceContext } from '@volar/language-service';
-import * as vue from '@vue/language-core';
-import { capitalize, hyphenate } from '@vue/shared';
+import { VueFile, createLanguages, hyphenateTag, resolveVueCompilerOptions, scriptRanges } from '@vue/language-core';
+import { capitalize } from '@vue/shared';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import type { Data } from 'volar-service-typescript/out/features/completions/basic';
 import type * as html from 'vscode-html-languageservice';
@@ -24,12 +24,12 @@ import * as AutoDotValueService from './plugins/vue-autoinsert-dotvalue';
 import * as AutoWrapParenthesesService from './plugins/vue-autoinsert-parentheses';
 import * as AutoAddSpaceService from './plugins/vue-autoinsert-space';
 import * as ReferencesCodeLensService from './plugins/vue-codelens-references';
-import * as VueTemplateLanguageService from './plugins/vue-template';
-import * as VueTqService from './plugins/vue-twoslash-queries';
-import * as VisualizeHiddenCallbackParamService from './plugins/vue-visualize-hidden-callback-param';
 import * as DirectiveCommentsService from './plugins/vue-directive-comments';
 import * as ExtractComponentService from './plugins/vue-extract-file';
+import * as VueTemplateLanguageService from './plugins/vue-template';
 import * as ToggleVBindService from './plugins/vue-toggle-v-bind-codeaction';
+import * as VueTqService from './plugins/vue-twoslash-queries';
+import * as VisualizeHiddenCallbackParamService from './plugins/vue-visualize-hidden-callback-param';
 
 export interface Settings {
 	json?: Parameters<typeof JsonService['create']>[0];
@@ -38,13 +38,13 @@ export interface Settings {
 export function resolveConfig(
 	config: Config,
 	compilerOptions: ts.CompilerOptions = {},
-	vueCompilerOptions: Partial<vue.VueCompilerOptions> = {},
+	vueCompilerOptions: Partial<VueCompilerOptions> = {},
 	ts: typeof import('typescript/lib/tsserverlibrary') = require('typescript'),
 	codegenStack: boolean = false,
 ) {
 
-	const resolvedVueCompilerOptions = vue.resolveVueCompilerOptions(vueCompilerOptions);
-	const vueLanguageModules = vue.createLanguages(compilerOptions, resolvedVueCompilerOptions, ts, codegenStack);
+	const resolvedVueCompilerOptions = resolveVueCompilerOptions(vueCompilerOptions);
+	const vueLanguageModules = createLanguages(compilerOptions, resolvedVueCompilerOptions, ts, codegenStack);
 
 	config.languages = Object.assign({}, vueLanguageModules, config.languages);
 	config.services = resolvePlugins(config.services, resolvedVueCompilerOptions);
@@ -86,7 +86,7 @@ function resolvePlugins(
 
 					for (const [_, map] of ctx.documents.getMapsByVirtualFileUri(document.uri)) {
 						const virtualFile = ctx.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
-						if (virtualFile instanceof vue.VueFile) {
+						if (virtualFile instanceof VueFile) {
 							const isAutoImport = !!map.toSourcePosition(position, data => typeof data.completion === 'object' && !!data.completion.autoImportOnly);
 							if (isAutoImport) {
 								const source = ctx.documents.getVirtualFileByUri(document.uri)[1];
@@ -99,7 +99,7 @@ function resolvePlugins(
 									casing ??= await getNameCasing(ts, ctx, ctx.env.fileNameToUri(source.fileName), vueCompilerOptions);
 									if (casing.tag === TagNameCasing.Kebab) {
 										for (const item of result.items) {
-											item.filterText = hyphenate(item.filterText ?? item.label);
+											item.filterText = hyphenateTag(item.filterText ?? item.label);
 										}
 									}
 								}
@@ -150,7 +150,7 @@ function resolvePlugins(
 						if (source) {
 							const casing = await getNameCasing(ts, ctx, ctx.env.fileNameToUri(source.fileName), vueCompilerOptions);
 							if (casing.tag === TagNameCasing.Kebab) {
-								item.textEdit.newText = hyphenate(item.textEdit.newText);
+								item.textEdit.newText = hyphenateTag(item.textEdit.newText);
 							}
 						}
 					}
@@ -166,7 +166,7 @@ function resolvePlugins(
 					const langaugeService = ctx.inject('typescript/languageService');
 					const [virtualFile] = ctx.virtualFiles.getVirtualFile(fileName);
 					const ast = langaugeService.getProgram()?.getSourceFile(fileName);
-					const exportDefault = ast ? vue.scriptRanges.parseScriptRanges(ts, ast, false, true).exportDefault : undefined;
+					const exportDefault = ast ? scriptRanges.parseScriptRanges(ts, ast, false, true).exportDefault : undefined;
 					if (virtualFile && ast && exportDefault) {
 						const componentName = newName ?? item.textEdit.newText;
 						const optionEdit = ExtractComponentService.createAddComponentToOptionEdit(ts, ast, componentName);
diff --git a/packages/vue-language-service/src/plugins/vue-autoinsert-dotvalue.ts b/packages/vue-language-service/src/plugins/vue-autoinsert-dotvalue.ts
index 91102b0938..336863dff1 100644
--- a/packages/vue-language-service/src/plugins/vue-autoinsert-dotvalue.ts
+++ b/packages/vue-language-service/src/plugins/vue-autoinsert-dotvalue.ts
@@ -1,5 +1,5 @@
 import { AutoInsertionContext, Service, ServiceContext } from '@volar/language-service';
-import { hyphenate } from '@vue/shared';
+import { hyphenateAttr } from '@vue/language-core';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import type * as vscode from 'vscode-languageserver-protocol';
 import type { TextDocument } from 'vscode-languageserver-textdocument';
@@ -165,7 +165,7 @@ export function isBlacklistNode(ts: typeof import('typescript/lib/tsserverlibrar
 			|| fnName === 'unref'
 			|| fnName === 'triggerRef'
 			|| fnName === 'isRef'
-			|| hyphenate(fnName).startsWith('use-');
+			|| hyphenateAttr(fnName).startsWith('use-');
 	}
 	function isTopLevelArgOrArrayTopLevelItemItem(node: ts.CallExpression) {
 		for (const arg of node.arguments) {
diff --git a/packages/vue-language-service/src/plugins/vue-template.ts b/packages/vue-language-service/src/plugins/vue-template.ts
index 88a514fd4a..17a098b1aa 100644
--- a/packages/vue-language-service/src/plugins/vue-template.ts
+++ b/packages/vue-language-service/src/plugins/vue-template.ts
@@ -1,13 +1,13 @@
 import { FileRangeCapabilities, Service, ServiceContext, SourceMapWithDocuments } from '@volar/language-service';
-import * as vue from '@vue/language-core';
-import { hyphenate, capitalize, camelize } from '@vue/shared';
+import { VueFile, hyphenateAttr, hyphenateTag, parseScriptSetupRanges, tsCodegen } from '@vue/language-core';
+import { camelize, capitalize } from '@vue/shared';
 import * as html from 'vscode-html-languageservice';
 import type * as vscode from 'vscode-languageserver-protocol';
 import { TextDocument } from 'vscode-languageserver-textdocument';
-import { getComponentNames, getEventsOfTag, getPropsByTag, getElementAttrs, getTemplateCtx } from '../helpers';
+import { getComponentNames, getElementAttrs, getEventsOfTag, getPropsByTag, getTemplateCtx } from '../helpers';
 import { getNameCasing } from '../ideFeatures/nameCasing';
-import { AttrNameCasing, VueCompilerOptions, TagNameCasing } from '../types';
-import { loadTemplateData, loadModelModifiersData } from './data';
+import { AttrNameCasing, TagNameCasing, VueCompilerOptions } from '../types';
+import { loadModelModifiersData, loadTemplateData } from './data';
 
 let builtInData: html.HTMLDataV1;
 let modelData: html.HTMLDataV1;
@@ -77,7 +77,7 @@ export const create = <S extends Service>(options: {
 
 			for (const [_, map] of _context.documents.getMapsByVirtualFileUri(document.uri)) {
 				const virtualFile = _context.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
-				if (virtualFile && virtualFile instanceof vue.VueFile) {
+				if (virtualFile && virtualFile instanceof VueFile) {
 					await provideHtmlData(map, virtualFile);
 				}
 			}
@@ -88,7 +88,7 @@ export const create = <S extends Service>(options: {
 
 			for (const [_, map] of _context.documents.getMapsByVirtualFileUri(document.uri)) {
 				const virtualFile = _context.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
-				if (virtualFile && virtualFile instanceof vue.VueFile) {
+				if (virtualFile && virtualFile instanceof VueFile) {
 					afterHtmlCompletion(htmlComplete, map, virtualFile);
 				}
 			}
@@ -111,7 +111,7 @@ export const create = <S extends Service>(options: {
 			for (const [_, map] of _context.documents.getMapsByVirtualFileUri(document.uri)) {
 				const virtualFile = _context.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
 				const scanner = options.getScanner(htmlOrPugService, document);
-				if (virtualFile && virtualFile instanceof vue.VueFile && scanner) {
+				if (virtualFile && virtualFile instanceof VueFile && scanner) {
 
 					// visualize missing required props
 					const casing = await getNameCasing(ts, _context, map.sourceFileDocument.uri, options.vueCompilerOptions);
@@ -129,7 +129,7 @@ export const create = <S extends Service>(options: {
 							const component =
 								tagName.indexOf('.') >= 0
 									? components.find(component => component === tagName.split('.')[0])
-									: components.find(component => component === tagName || hyphenate(component) === tagName);
+									: components.find(component => component === tagName || hyphenateTag(component) === tagName);
 							const checkTag = tagName.indexOf('.') >= 0 ? tagName : component;
 							if (checkTag) {
 								componentProps[checkTag] ??= getPropsByTag(ts, languageService, virtualFile, checkTag, options.vueCompilerOptions, true);
@@ -166,12 +166,12 @@ export const create = <S extends Service>(options: {
 										attrText = options.vueCompilerOptions.target >= 3 ? 'modelValue' : 'value'; // TODO: support for experimentalModelPropName?
 									}
 									else if (attrText.startsWith('@')) {
-										attrText = 'on-' + hyphenate(attrText.substring('@'.length));
+										attrText = 'on-' + hyphenateAttr(attrText.substring('@'.length));
 									}
 
 									current.unburnedRequiredProps = current.unburnedRequiredProps.filter(propName => {
 										return attrText !== propName
-											&& attrText !== hyphenate(propName);
+											&& attrText !== hyphenateAttr(propName);
 									});
 								}
 							}
@@ -189,7 +189,7 @@ export const create = <S extends Service>(options: {
 												start: document.positionAt(current.insertOffset),
 												end: document.positionAt(current.insertOffset),
 											},
-											newText: ` :${casing.attr === AttrNameCasing.Kebab ? hyphenate(requiredProp) : requiredProp}=`,
+											newText: ` :${casing.attr === AttrNameCasing.Kebab ? hyphenateAttr(requiredProp) : requiredProp}=`,
 										}],
 									});
 								}
@@ -229,7 +229,7 @@ export const create = <S extends Service>(options: {
 			for (const [_, map] of _context.documents.getMapsByVirtualFileUri(document.uri)) {
 
 				const virtualFile = _context.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
-				if (!virtualFile || !(virtualFile instanceof vue.VueFile))
+				if (!virtualFile || !(virtualFile instanceof VueFile))
 					continue;
 
 				const templateErrors: vscode.Diagnostic[] = [];
@@ -288,13 +288,13 @@ export const create = <S extends Service>(options: {
 			for (const [_, map] of _context.documents.getMapsByVirtualFileUri(document.uri)) {
 
 				const virtualFile = _context.documents.getSourceByUri(map.sourceFileDocument.uri)?.root;
-				if (!virtualFile || !(virtualFile instanceof vue.VueFile))
+				if (!virtualFile || !(virtualFile instanceof VueFile))
 					continue;
 
 				const templateScriptData = getComponentNames(ts, languageService, virtualFile, options.vueCompilerOptions);
 				const components = new Set([
 					...templateScriptData,
-					...templateScriptData.map(hyphenate),
+					...templateScriptData.map(hyphenateTag),
 				]);
 				const offsetRange = {
 					start: document.offsetAt(range.start),
@@ -337,7 +337,7 @@ export const create = <S extends Service>(options: {
 		},
 	};
 
-	async function provideHtmlData(map: SourceMapWithDocuments<FileRangeCapabilities>, vueSourceFile: vue.VueFile) {
+	async function provideHtmlData(map: SourceMapWithDocuments<FileRangeCapabilities>, vueSourceFile: VueFile) {
 
 		const languageService = _context!.inject('typescript/languageService');
 		const languageServiceHost = _context!.inject('typescript/languageServiceHost');
@@ -352,7 +352,7 @@ export const create = <S extends Service>(options: {
 				if (tag.name === 'template')
 					continue;
 				if (casing.tag === TagNameCasing.Kebab) {
-					tag.name = hyphenate(tag.name);
+					tag.name = hyphenateTag(tag.name);
 				}
 				else {
 					tag.name = camelize(capitalize(tag.name));
@@ -375,13 +375,13 @@ export const create = <S extends Service>(options: {
 							&& name !== 'Suspense'
 							&& name !== 'Teleport'
 						);
-					const scriptSetupRanges = vueSourceFile.sfc.scriptSetupAst ? vue.parseScriptSetupRanges(ts, vueSourceFile.sfc.scriptSetupAst, options.vueCompilerOptions) : undefined;
+					const scriptSetupRanges = vueSourceFile.sfc.scriptSetupAst ? parseScriptSetupRanges(ts, vueSourceFile.sfc.scriptSetupAst, options.vueCompilerOptions) : undefined;
 					const names = new Set<string>();
 					const tags: html.ITagData[] = [];
 
 					for (const tag of components) {
 						if (casing.tag === TagNameCasing.Kebab) {
-							names.add(hyphenate(tag));
+							names.add(hyphenateTag(tag));
 						}
 						else if (casing.tag === TagNameCasing.Pascal) {
 							names.add(tag);
@@ -391,7 +391,7 @@ export const create = <S extends Service>(options: {
 					for (const binding of scriptSetupRanges?.bindings ?? []) {
 						const name = vueSourceFile.sfc.scriptSetup!.content.substring(binding.start, binding.end);
 						if (casing.tag === TagNameCasing.Kebab) {
-							names.add(hyphenate(name));
+							names.add(hyphenateTag(name));
 						}
 						else if (casing.tag === TagNameCasing.Pascal) {
 							names.add(name);
@@ -413,16 +413,16 @@ export const create = <S extends Service>(options: {
 					const props = new Set(getPropsByTag(ts, languageService, vueSourceFile, tag, options.vueCompilerOptions));
 					const events = getEventsOfTag(ts, languageService, vueSourceFile, tag, options.vueCompilerOptions);
 					const attributes: html.IAttributeData[] = [];
-					const tsCodegen = vue.tsCodegen.get(vueSourceFile.sfc);
+					const _tsCodegen = tsCodegen.get(vueSourceFile.sfc);
 
-					if (tsCodegen) {
+					if (_tsCodegen) {
 						let ctxVars = [
-							...tsCodegen.scriptRanges.value?.bindings.map(binding => vueSourceFile.sfc.script!.content.substring(binding.start, binding.end)) ?? [],
-							...tsCodegen.scriptSetupRanges.value?.bindings.map(binding => vueSourceFile.sfc.scriptSetup!.content.substring(binding.start, binding.end)) ?? [],
+							..._tsCodegen.scriptRanges.value?.bindings.map(binding => vueSourceFile.sfc.script!.content.substring(binding.start, binding.end)) ?? [],
+							..._tsCodegen.scriptSetupRanges.value?.bindings.map(binding => vueSourceFile.sfc.scriptSetup!.content.substring(binding.start, binding.end)) ?? [],
 							...getTemplateCtx(ts, languageService, vueSourceFile) ?? [],
 						];
 						ctxVars = [...new Set(ctxVars)];
-						const dirs = ctxVars.map(hyphenate).filter(v => v.startsWith('v-'));
+						const dirs = ctxVars.map(hyphenateAttr).filter(v => v.startsWith('v-'));
 						for (const dir of dirs) {
 							attributes.push(
 								{
@@ -435,9 +435,9 @@ export const create = <S extends Service>(options: {
 					for (const prop of [...props, ...attrs]) {
 
 						const isGlobal = !props.has(prop);
-						const name = casing.attr === AttrNameCasing.Camel ? prop : hyphenate(prop);
+						const name = casing.attr === AttrNameCasing.Camel ? prop : hyphenateAttr(prop);
 
-						if (hyphenate(name).startsWith('on-')) {
+						if (hyphenateAttr(name).startsWith('on-')) {
 
 							const propNameBase = name.startsWith('on-')
 								? name.slice('on-'.length)
@@ -479,7 +479,7 @@ export const create = <S extends Service>(options: {
 
 					for (const event of events) {
 
-						const name = casing.attr === AttrNameCasing.Camel ? event : hyphenate(event);
+						const name = casing.attr === AttrNameCasing.Camel ? event : hyphenateAttr(event);
 						const propKey = createInternalItemId('componentEvent', [tag, name]);
 
 						attributes.push({
@@ -508,7 +508,7 @@ export const create = <S extends Service>(options: {
 
 					for (const [isGlobal, model] of models) {
 
-						const name = casing.attr === AttrNameCasing.Camel ? model : hyphenate(model);
+						const name = casing.attr === AttrNameCasing.Camel ? model : hyphenateAttr(model);
 						const propKey = createInternalItemId('componentProp', [isGlobal ? '*' : tag, name]);
 
 						attributes.push({
@@ -531,11 +531,11 @@ export const create = <S extends Service>(options: {
 		]);
 	}
 
-	function afterHtmlCompletion(completionList: vscode.CompletionList, map: SourceMapWithDocuments<FileRangeCapabilities>, vueSourceFile: vue.VueFile) {
+	function afterHtmlCompletion(completionList: vscode.CompletionList, map: SourceMapWithDocuments<FileRangeCapabilities>, vueSourceFile: VueFile) {
 
 		const languageService = _context!.inject('typescript/languageService');
 		const replacement = getReplacement(completionList, map.sourceFileDocument);
-		const componentNames = new Set(getComponentNames(ts, languageService, vueSourceFile, options.vueCompilerOptions).map(hyphenate));
+		const componentNames = new Set(getComponentNames(ts, languageService, vueSourceFile, options.vueCompilerOptions).map(hyphenateTag));
 
 		if (replacement) {
 
@@ -613,7 +613,7 @@ export const create = <S extends Service>(options: {
 				item.documentation = undefined;
 			}
 
-			if (item.kind === 10 satisfies typeof vscode.CompletionItemKind.Property && componentNames.has(hyphenate(item.label))) {
+			if (item.kind === 10 satisfies typeof vscode.CompletionItemKind.Property && componentNames.has(hyphenateTag(item.label))) {
 				item.kind = 6 satisfies typeof vscode.CompletionItemKind.Variable;
 				item.sortText = '\u0000' + (item.sortText ?? item.label);
 			}
diff --git a/packages/vue-test-workspace/complete/core#8811/input/entry.vue b/packages/vue-test-workspace/complete/core#8811/input/entry.vue
new file mode 100644
index 0000000000..68b817417a
--- /dev/null
+++ b/packages/vue-test-workspace/complete/core#8811/input/entry.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+declare const Foo: new () => {
+  $props: {
+    FooBar: string;
+  };
+};
+</script>
+
+<template>
+  <Foo :- ></Foo>
+    <!-- ^complete: :-foo-bar -->
+</template>
diff --git a/packages/vue-test-workspace/complete/core#8811/output/entry.vue b/packages/vue-test-workspace/complete/core#8811/output/entry.vue
new file mode 100644
index 0000000000..e6ed09a9ae
--- /dev/null
+++ b/packages/vue-test-workspace/complete/core#8811/output/entry.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+declare const Foo: new () => {
+  $props: {
+    FooBar: string;
+  };
+};
+</script>
+
+<template>
+  <Foo :-foo-bar="" ></Foo>
+    <!-- ^complete: :-foo-bar -->
+</template>

From 3f1a1c3d73ccd9fa11678ebc77224878fce234f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=AA=E8=A7=89=E9=9B=A8=E5=A3=B0?= <544022268@qq.com>
Date: Wed, 6 Sep 2023 11:45:29 +0800
Subject: [PATCH 4/9] chore: support custom configPath for
 createParsedCommandLineByJson (#3456)

Co-authored-by: Johnson Chu <johnsoncodehk@gmail.com>
---
 packages/vue-language-core/src/utils/ts.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vue-language-core/src/utils/ts.ts b/packages/vue-language-core/src/utils/ts.ts
index ef8d8e5256..fda56b6963 100644
--- a/packages/vue-language-core/src/utils/ts.ts
+++ b/packages/vue-language-core/src/utils/ts.ts
@@ -11,10 +11,11 @@ export function createParsedCommandLineByJson(
 	parseConfigHost: ts.ParseConfigHost,
 	rootDir: string,
 	json: any,
+	configFileName = rootDir + '/jsconfig.json'
 ): ParsedCommandLine {
 
 	const proxyHost = proxyParseConfigHostForExtendConfigPaths(parseConfigHost);
-	ts.parseJsonConfigFileContent(json, proxyHost.host, rootDir, {}, rootDir + '/jsconfig.json');
+	ts.parseJsonConfigFileContent(json, proxyHost.host, rootDir, {}, configFileName);
 
 	let vueOptions: Partial<VueCompilerOptions> = {};
 
@@ -32,7 +33,7 @@ export function createParsedCommandLineByJson(
 		proxyHost.host,
 		rootDir,
 		{},
-		rootDir + '/jsconfig.json',
+		configFileName,
 		undefined,
 		(vueOptions.extensions ?? ['.vue']).map(extension => ({
 			extension: extension.slice(1),

From f01a499427c7772a0a1e534e8f8e4c36f29952bd Mon Sep 17 00:00:00 2001
From: Hector <zhhbstudio@gmail.com>
Date: Wed, 6 Sep 2023 11:45:48 +0800
Subject: [PATCH 5/9] doc: fix typo (#3461)

---
 packages/vscode-typescript-vue-plugin/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vscode-typescript-vue-plugin/README.md b/packages/vscode-typescript-vue-plugin/README.md
index 46895aea69..ce888a0f4f 100644
--- a/packages/vscode-typescript-vue-plugin/README.md
+++ b/packages/vscode-typescript-vue-plugin/README.md
@@ -10,7 +10,7 @@ This plugin proxies TS server requests to provide some extra functionality:
 
 - When finding references in *.ts files, you also get results from *.vue files.
 - When renaming in *.ts files, references on *.vue files also get adjusted.
-- When typing import statements, .vue* files will also appear for autocompletion.
+- When typing import statements, *.vue files will also appear for autocompletion.
 - (And some extra details most people don't need to know...)
 
 ## Sponsors

From 2225d2282ff08a1bfc9d188f33765bd2397d9896 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E6=9D=B0=E8=B1=AA?= <Megasu@qq.com>
Date: Wed, 6 Sep 2023 11:53:15 +0800
Subject: [PATCH 6/9] Update README.md (#3486)

---
 packages/vscode-vue/README.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/vscode-vue/README.md b/packages/vscode-vue/README.md
index 865ad977d5..37e780f106 100644
--- a/packages/vscode-vue/README.md
+++ b/packages/vscode-vue/README.md
@@ -91,8 +91,7 @@ For Global components, you need to define `GlobalComponents` interface, for exam
 
 ```typescript
 // components.d.ts
-declare module '@vue/runtime-core' {  // Vue 3
-// declare module 'vue' {   // Vue 2.7
+declare module 'vue' {  // Vue >= 2.7
 // declare module '@vue/runtime-dom' {  // Vue <= 2.6.14
   export interface GlobalComponents {
     RouterLink: typeof import('vue-router')['RouterLink']

From cc045b869ed4b5b30df54a7c4a872c64955f16ad Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Wed, 6 Sep 2023 12:10:47 +0800
Subject: [PATCH 7/9] chore: add test for defineExpose

---
 .../vue-tsc/non-strict-template/defineExpose/Comp.vue       | 5 +++++
 .../vue-tsc/non-strict-template/defineExpose/main.vue       | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/Comp.vue
 create mode 100644 packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/main.vue

diff --git a/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/Comp.vue b/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/Comp.vue
new file mode 100644
index 0000000000..30c7f2e8bc
--- /dev/null
+++ b/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/Comp.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts">
+const foo = 123;
+
+defineExpose({ foo });
+</script>
diff --git a/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/main.vue b/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/main.vue
new file mode 100644
index 0000000000..773be34bf5
--- /dev/null
+++ b/packages/vue-test-workspace/vue-tsc/non-strict-template/defineExpose/main.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+import { exactType } from '../../shared';
+import Comp from './Comp.vue';
+
+exactType(new Comp().foo, {} as number);
+</script>

From 3134fc0a609e8cf298c82884ccae3b244493b1a9 Mon Sep 17 00:00:00 2001
From: Ray <nn_201312@163.com>
Date: Wed, 6 Sep 2023 12:22:30 +0800
Subject: [PATCH 8/9] chore: add formatter for vue files (#3532)

---
 .vscode/settings.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 374514aaee..468f245fa0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -15,5 +15,8 @@
 	},
 	"[jsonc]": {
 		"editor.defaultFormatter": "vscode.json-language-features"
+	},
+	"[vue]": {
+		"editor.defaultFormatter": "Vue.volar"
 	}
 }
\ No newline at end of file

From e9d1f3ed506e501af896803bfa042d9909704a9c Mon Sep 17 00:00:00 2001
From: Ray <nn_201312@163.com>
Date: Wed, 6 Sep 2023 12:44:10 +0800
Subject: [PATCH 9/9] feat: support nested plugins (#3530)

Co-authored-by: Johnson Chu <johnsoncodehk@gmail.com>
---
 packages/vue-language-core/src/utils/ts.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vue-language-core/src/utils/ts.ts b/packages/vue-language-core/src/utils/ts.ts
index fda56b6963..bc05791a9b 100644
--- a/packages/vue-language-core/src/utils/ts.ts
+++ b/packages/vue-language-core/src/utils/ts.ts
@@ -159,7 +159,7 @@ function getPartialVueCompilerOptions(
 	}
 	if (rawOptions.plugins) {
 		const plugins = rawOptions.plugins
-			.map<VueLanguagePlugin | undefined>((pluginPath: string) => {
+			.map<VueLanguagePlugin[] | VueLanguagePlugin>((pluginPath: string) => {
 				try {
 					const resolvedPath = resolvePath(pluginPath);
 					if (resolvedPath) {
@@ -168,9 +168,10 @@ function getPartialVueCompilerOptions(
 				}
 				catch (error) {
 					console.warn('Load plugin failed', pluginPath, error);
+					return [];
 				}
 			})
-			.filter((plugin): plugin is NonNullable<typeof plugin> => !!plugin);
+			.flat(Infinity as 1);
 
 		result.plugins = plugins;
 	}