@vue/language-service 2.0.29 → 2.1.0

package/data/template/cs.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nPřeskočit kompilaci tohoto elementu a všech jeho potomků.\n\n- **Nepředpokládá výraz** \n\n- **Podrobnosti**\n\n  Uvnitř elementu s `v-pre` budou všechny syntaxe Vue šablony zachovány a&nbsp;vykresleny tak, jak jsou. Nejběžnějším použitím je zobrazení nezpracovaných „mustache“ tagů.\n\n- **Příklad**\n\n  ```html\n  <span v-pre>{{ toto nebude zkompilováno }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nVykreslit element nebo komponentu pouze jednou a přeskočit budoucí aktualizace.\n\n- **Nepředpokládá výraz** \n\n- **Podrobnosti**\n\n  Při dalších překreslováních budou element/komponenta a všichni potomci považováni za statický obsah a přeskočeni. To lze použít k optimalizaci výkonu aktualizace.\n\n  ```html\n  <!-- jediný prvek -->\n  <span v-once>Toto se nikdy nezmění: {{msg}}</span>\n  <!-- element s potomky -->\n  <div v-once>\n    <h1>Komentář</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- komponenta -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- direktiva `v-for` -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Od verze 3.2 si můžete také část šablony „zapamatovat“ (memoize) s podmínkami neplatnosti pomocí [`v-memo`](#v-memo).\n\n- **Viz také:**\n  - [Syntaxe šablon - Interpolace textu](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nPoužívá se k skrytí nezkompilované šablony, dokud není připravena.\n\n- **Nepředpokládá výraz**\n\n- **Podrobnosti**\n\n  **Tato direktiva je potřeba pouze při použití bez build fáze.**\n\n  Při použití in-DOM šablon může dojít k „blikání (flashing) nezkompilovaných šablon“: uživatel může vidět nezpracované „mustache“ značky, dokud je připojená (mounted) komponenta nenahradí vykresleným obsahem.\n\n  `v-cloak` zůstane na elementu, dokud není připojena příslušná instance komponenty. Spolu s CSS pravidly jako `[v-cloak] { display: none }` lze použít k skrytí nezpracovaných šablon, dokud není komponenta připravena.\n\n- **Příklad**\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  `<div>` nebude viditelný, dokud nebude dokončena kompilace.\n"

package/data/template/en.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nSkip compilation for this element and all its children.\n\n- **Does not expect expression**\n\n- **Details**\n\n  Inside the element with `v-pre`, all Vue template syntax will be preserved and rendered as-is. The most common use case of this is displaying raw mustache tags.\n\n- **Example**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nRender the element and component once only, and skip future updates.\n\n- **Does not expect expression**\n\n- **Details**\n\n  On subsequent re-renders, the element/component and all its children will be treated as static content and skipped. This can be used to optimize update performance.\n\n  ```html\n  <!-- single element -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- the element have children -->\n  <div v-once>\n    <h1>Comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- component -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- `v-for` directive -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Since 3.2, you can also memoize part of the template with invalidation conditions using [`v-memo`](#v-memo).\n\n- **See also**\n  - [Data Binding Syntax - interpolations](https://vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nUsed to hide un-compiled template until it is ready.\n\n- **Does not expect expression**\n\n- **Details**\n\n  **This directive is only needed in no-build-step setups.**\n\n  When using in-DOM templates, there can be a \"flash of un-compiled templates\": the user may see raw mustache tags until the mounted component replaces them with rendered content.\n\n  `v-cloak` will remain on the element until the associated component instance is mounted. Combined with CSS rules such as `[v-cloak] { display: none }`, it can be used to hide the raw templates until the component is ready.\n\n- **Example**\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  The `<div>` will not be visible until the compilation is done.\n"

package/data/template/fr.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nIgnore la compilation pour cet élément et tous ses enfants.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n  À l'intérieur de l'élément contenant `v-pre`, toute la syntaxe du template Vue sera préservée et rendue telle quelle. Le cas d'utilisation le plus courant est l'affichage brut des balises moustaches.\n\n- **Exemple**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nRend l'élément et le composant une seule fois, et ignore les mises à jour futures.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n  Lors des rendus suivants, l'élément/composant et tous ses enfants seront traités comme du contenu statique et ignorés. Cela peut être utilisé pour optimiser les performances de mise à jour.\n\n  ```html\n  <!-- élément simple -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- l'élément a des enfants -->\n  <div v-once>\n    <h1>Comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- composant -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- directive `v-for` -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Depuis la version 3.2, vous pouvez également mémoriser une partie du template avec des conditions d'invalidation en utilisant [`v-memo`](#v-memo).\n\n- **Voir aussi**\n  - [Syntaxe de la liaison bidirectionnelle - interpolations](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nUtilisée pour cacher un template non compilé jusqu'à ce qu'il soit prêt.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n  **Cette directive n'est nécessaire que dans les configurations sans étape de build.**\n\n  Lors de l'utilisation de templates à l'intérieur du DOM, il peut y avoir un \"flash de templates non compilés\" : l'utilisateur peut voir des balises moustaches brutes jusqu'à ce que le composant monté les remplace par du contenu rendu.\n\n  `v-cloak` restera sur l'élément jusqu'à ce que l'instance du composant associé soit montée. Combiné à des règles CSS telles que `[v-cloak] { display : none }`, elle peut être utilisée pour masquer les templates bruts jusqu'à ce que le composant soit prêt.\n\n- **Exemple**\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  La `<div>` ne sera pas visible tant que la compilation n'est pas terminée.\n"

package/data/template/it.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nSkip compilation for this element and all its children.\n\n- **Does not expect expression**\n\n- **Details**\n\n  Inside the element with `v-pre`, all Vue template syntax will be preserved and rendered as-is. The most common use case of this is displaying raw mustache tags.\n\n- **Example**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nRender the element and component once only, and skip future updates.\n\n- **Does not expect expression**\n\n- **Details**\n\n  On subsequent re-renders, the element/component and all its children will be treated as static content and skipped. This can be used to optimize update performance.\n\n  ```html\n  <!-- single element -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- the element have children -->\n  <div v-once>\n    <h1>comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- component -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- `v-for` directive -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Since 3.2, you can also memoize part of the template with invalidation conditions using [`v-memo`](#v-memo).\n\n- **See also**\n  - [Data Binding Syntax - interpolations](https://it.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nUsed to hide un-compiled template until it is ready.\n\n- **Does not expect expression**\n\n- **Details**\n\n  **This directive is only needed in no-build-step setups.**\n\n  When using in-DOM templates, there can be a \"flash of un-compiled templates\": the user may see raw mustache tags until the mounted component replaces them with rendered content.\n\n  `v-cloak` will remain on the element until the associated component instance is mounted. Combined with CSS rules such as `[v-cloak] { display: none }`, it can be used to hide the raw templates until the component is ready.\n\n- **Example**\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  The `<div>` will not be visible until the compilation is done.\n"

package/data/template/ja.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nこの要素とすべての子要素のコンパイルをスキップします。\n\n- **式を受け取りません**\n\n- **詳細**\n\n  `v-pre` を指定した要素の内部では、Vue テンプレートの構文はすべて維持され、そのままレンダリングされます。この最も一般的な使用例は、未加工のマスタッシュタグを表示することです。\n\n- **例**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n要素やコンポーネントを一度だけレンダリングし、その後の更新はスキップします。\n\n- **式を受け取りません**\n\n- **詳細**\n\n  その後の再レンダリングでは、要素/コンポーネントとそのすべての子要素は静的コンテンツとして扱われ、スキップされます。これは、更新のパフォーマンスを最適化するために使用できます。\n\n  ```html\n  <!-- 単一要素 -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- 子要素を持つ要素 -->\n  <div v-once>\n    <h1>Comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- コンポーネント -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- `v-for` ディレクティブ -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  3.2 以降では、[`v-memo`](#v-memo) を使って、テンプレートの一部を無効化する条件付きでメモ化できます。\n\n- **参照**\n  - [データバインディング構文 - 展開](https://ja.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nコンパイルされていないテンプレートを、準備が整うまで非表示にするために使用します。\n\n- **式を受け取りません**\n\n- **詳細**\n\n  **このディレクティブは、ビルドステップがないセットアップでのみ必要です。**\n\n  DOM 内テンプレートを使用する場合、「コンパイルされていないテンプレートのフラッシュ」が発生することがあります。マウントされたコンポーネントがそれをレンダリングされたコンテンツに置き換えるまで、未加工のマスタッシュタグがユーザーに表示される場合があります。\n\n  `v-cloak` は関連するコンポーネントインスタンスがマウントされるまで、その要素に残ります。`[v-cloak] { display: none }` のような CSS ルールと組み合わせることで、コンポーネントの準備が整うまで未加工のテンプレートを非表示にできます。\n\n- **例**\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  この `<div>` はコンパイルが完了するまで表示されません。\n"

package/data/template/ko.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n이 엘리먼트와 모든 자식 엘리먼트의 컴파일을 생략합니다.\n\n- **표현식을 허용하지 않습니다**.\n\n- **세부 사항**:\n\n  `v-pre`가 있는 엘리먼트 내에서 모든 Vue 템플릿 구문은 그대로 유지되고 렌더링됩니다. 가장 일반적인 사용 사례는 이중 중괄호 태그를 표시하는 것입니다.\n\n- **예제**\n\n  ```html\n  <span v-pre>{{ 이곳은 컴파일되지 않습니다. }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n엘리먼트와 컴포넌트를 한 번만 렌더링하고, 향후 업데이트를 생략합니다.\n\n- **표현식을 허용하지 않습니다**.\n\n- **세부 사항**:\n\n  이후 다시 렌더링할 때 엘리먼트/컴포넌트 및 모든 자식들은 정적 컨텐츠로 처리되어 생략됩니다. 이것은 업데이트 성능을 최적화하는 데 사용할 수 있습니다.\n\n  ```html\n  <!-- 단일 엘리먼트 -->\n  <span v-once>절대 바뀌지 않음: {{msg}}</span>\n  <!-- 자식이 있는 엘리먼트 -->\n  <div v-once>\n    <h1>댓글</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- 컴포넌트 -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- `v-for` 디렉티브 -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  3.2부터는 [`v-memo`](#v-memo)를 사용하여 무효화 조건으로 템플릿의 일부를 메모화할 수도 있습니다.\n\n- **참고**:\n  - [가이드 - 템플릿 문법: 텍스트 보간법](https://ko.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n준비될 때까지 컴파일되지 않은 템플릿을 숨기는 데 사용됩니다.\n\n- **표현식을 허용하지 않습니다**.\n\n- **세부 사항**:\n\n  **이 디렉티브는 빌드 과정이 없는 설정에서만 필요합니다**.\n\n  DOM 내 템플릿을 사용할 때, \"컴파일되지 않은 템플릿이 순간 보이는 현상\"이 있을 수 있습니다. 이러면 사용자는 컴포넌트가 렌더링된 컨텐츠로 대체할 때까지 이중 중괄호 태그를 볼 수 있습니다.\n\n  `v-cloak`은 연결된 컴포넌트 인스턴스가 마운트될 때까지 엘리먼트에 남아 있습니다. `[v-cloak] { display: none }`과 같은 CSS 규칙과 결합하여, 컴포넌트가 준비될 때까지 템플릿을 숨기는 데 사용할 수 있습니다.\n\n- **예제**\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  `<div>`는 컴파일이 완료될 때까지 표시되지 않습니다.\n"

package/data/template/pt.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nIgnora 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 de marcação da Vue será preservada e desenhada como está. O caso de uso mais comum disto é a exibição de marcadores de bigodes puros.\n\n- **Exemplo**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nDesenha o elemento e o componente apenas uma vez, e ignora as futuras atualizações.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n  Nos redesenhos subsequentes, o elemento ou componente e todos os seus filhos serão tratados como conteúdo estático e ignorados. Isto pode ser usado para otimizar o desempenho da atualização.\n\n  ```html\n  <!-- elemento único -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- o elemento tem filhos -->\n  <div v-once>\n    <h1>comment</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 3.2, também podemos memorizar parte do modelo de marcação com condições de invalidação usando a [`v-memo`](#v-memo).\n\n- **Consultar também**\n  - [Sintaxe de Vínculo de Dados - Interpolações](https://pt.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [`v-memo`](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nUsada para esconder o modelo de marcação que ainda não foi compilado até que estiver pronto.\n\n- **Não espera expressão**\n\n- **Detalhes**\n\n  **Esta diretiva apenas é necessária nas configurações sem etapa de construção.**\n\n  Quando usamos os modelos de marcação no DOM, pode existir um \"piscar de modelos de marcação não compilados\": o utilizador pode ver os marcadores de bigodes puros até o componente montado substituí-los com componente desenhado.\n\n  `v-cloak` permanecerá no elemento até que a instância do componente associado for montada. Combinada com as regras de CSS como `[v-cloak] { display: none }`, pode ser usada para esconder os modelos de marcação puros até o componente estiver 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 estiver concluída.\n"

package/data/template/ru.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nПропускает компиляцию для элемента и всех его потомков.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n  Внутри элемента с `v-pre` весь синтаксис шаблона Vue будет сохранен и отображён как есть. Наиболее распространённый вариант использования этого элемента - отображение тегов фигурных скобок.\n\n- **Пример**\n\n  ```html\n  <span v-pre>{{ это не будет скомпилировано  }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nОтрисовка элемента и компонента выполняется только один раз, а последующие обновления пропускаются.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n  При последующих повторных отрисовках этот элемент/компонент и все его дочерние элементы будут рассматриваться как статическое содержимое и пропускаться. Это может быть использовано для оптимизации производительности при обновлении.\n\n  ```html\n  <!-- элемент -->\n  <span v-once>Это значение никогда не изменится: {{msg}}</span>\n  <!-- элемент с потомками -->\n  <div v-once>\n    <h1>Комментарий</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- компонент -->\n  <MyComponent v-once :comment=\"msg\"></MyComponent>\n  <!-- директива `v-for` -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  Начиная с версии 3.2, можно использовать мемоизацию части шаблона, с возможностью указания условий для инвалидации, с помощью директивы [`v-memo`](#v-memo).\n\n- **См. также**\n  - [Синтаксис шаблонов - Текстовые интерполяции](https://ru.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\nИспользуется для скрытия еще нескомпилированного шаблона до тех пор, пока он не будет готов.\n\n- **Не ожидает выражения**\n\n- **Подробности**\n\n  **Данная директива нужна только для окружения без этапа сборки.**\n\n  При использовании DOM шаблонов может возникнуть \"вспышка некомпилированных шаблонов\": пользователь может видеть необработанные теги фигурных скобок, пока монтируемый компонент не заменит их отрисованным содержимым.\n\n  `v-cloak` будет оставаться на элементе до тех пор, пока не будет смонтирован связанный с ним экземпляр компонента. В сочетании с правилами CSS, такими как `[v-cloak] { display: none }`, это может быть использовано для скрытия необработанных шаблонов до тех пор, пока компонент не будет готов.\n\n- **Пример**\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  До завершения компиляции `<div>` не будет виден.\n"

package/data/template/zh-cn.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n跳过该元素及其所有子元素的编译。\n\n- **无需传入**\n\n- **详细信息**\n\n  元素内具有 `v-pre`，所有 Vue 模板语法都会被保留并按原样渲染。最常见的用例就是显示原始双大括号标签及内容。\n\n- **示例**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n仅渲染元素和组件一次，并跳过之后的更新。\n\n- **无需传入**\n\n- **详细信息**\n\n  在随后的重新渲染，元素/组件及其所有子项将被当作静态内容并跳过渲染。这可以用来优化更新时的性能。\n\n  ```html\n  <!-- 单个元素 -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- 带有子元素的元素 -->\n  <div v-once>\n    <h1>Comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- 组件 -->\n  <MyComponent v-once :comment=\"msg\" />\n  <!-- `v-for` 指令 -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  从 3.2 起，你也可以搭配 [`v-memo`](#v-memo) 的无效条件来缓存部分模板。\n\n- **参考**\n  - [数据绑定语法 - 插值](https://cn.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n用于隐藏尚未完成编译的 DOM 模板。\n\n- **无需传入**\n\n- **详细信息**\n\n  **该指令只在没有构建步骤的环境下需要使用。**\n\n  当使用直接在 DOM 中书写的模板时，可能会出现一种叫做“未编译模板闪现”的情况：用户可能先看到的是还没编译完成的双大括号标签，直到挂载的组件将它们替换为实际渲染的内容。\n\n  `v-cloak` 会保留在所绑定的元素上，直到相关组件实例被挂载后才移除。配合像 `[v-cloak] { display: none }` 这样的 CSS 规则，它可以在组件编译完毕前隐藏原始模板。\n\n- **示例**\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  直到编译完成前，`<div>` 将不可见。\n"

package/data/template/zh-hk.json

@@ -1173,6 +1173,7 @@
     },
     {
       "name": "v-pre",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n跳过该元素及其所有子元素的编译。\n\n- **无需传入**\n\n- **详细信息**\n\n  元素内具有 `v-pre`，所有 Vue 模板语法都会被保留并按原样渲染。最常见的用例就是显示原始双大括号标签及内容。\n\n- **示例**\n\n  ```html\n  <span v-pre>{{ this will not be compiled }}</span>\n  ```\n"
@@ -1234,6 +1235,7 @@
     },
     {
       "name": "v-once",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n仅渲染元素和组件一次，并跳过之后的更新。\n\n- **无需传入**\n\n- **详细信息**\n\n  在随后的重新渲染，元素/组件及其所有子项将被当作静态内容并跳过渲染。这可以用来优化更新时的性能。\n\n  ```html\n  <!-- 单个元素 -->\n  <span v-once>This will never change: {{msg}}</span>\n  <!-- 带有子元素的元素 -->\n  <div v-once>\n    <h1>Comment</h1>\n    <p>{{msg}}</p>\n  </div>\n  <!-- 组件 -->\n  <MyComponent v-once :comment=\"msg\" />\n  <!-- `v-for` 指令 -->\n  <ul>\n    <li v-for=\"i in list\" v-once>{{i}}</li>\n  </ul>\n  ```\n\n  从 3.2 起，你也可以搭配 [`v-memo`](#v-memo) 的无效条件来缓存部分模板。\n\n- **参考**\n  - [数据绑定语法 - 插值](https://zh-hk.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n  - [v-memo](#v-memo)\n"
@@ -1356,6 +1358,7 @@
     },
     {
       "name": "v-cloak",
+      "valueSet": "v",
       "description": {
         "kind": "markdown",
         "value": "\n用于隐藏尚未完成编译的 DOM 模板。\n\n- **无需传入**\n\n- **详细信息**\n\n  **该指令只在没有构建步骤的环境下需要使用。**\n\n  当使用直接在 DOM 中书写的模板时，可能会出现一种叫做“未编译模板闪现”的情况：用户可能先看到的是还没编译完成的双大括号标签，直到挂载的组件将它们替换为实际渲染的内容。\n\n  `v-cloak` 会保留在所绑定的元素上，直到相关组件实例被挂载后才移除。配合像 `[v-cloak] { display: none }` 这样的 CSS 规则，它可以在组件编译完毕前隐藏原始模板。\n\n- **示例**\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  直到编译完成前，`<div>` 将不可见。\n"

package/index.d.ts

@@ -11,5 +11,7 @@ declare module '@volar/language-service' {
         };
     }
 }
-export declare function getFullLanguageServicePlugins(ts: typeof import('typescript')): LanguageServicePlugin[];
+export declare function getFullLanguageServicePlugins(ts: typeof import('typescript'), { disableAutoImportCache }?: {
+    disableAutoImportCache?: boolean;
+}): LanguageServicePlugin[];
 export declare function getHybridModeLanguageServicePlugins(ts: typeof import('typescript'), getTsPluginClient: typeof import("@vue/typescript-plugin/lib/client")): LanguageServicePlugin[];

package/index.js

@@ -39,7 +39,7 @@ const vue_extract_file_1 = require("./lib/plugins/vue-extract-file");
 const vue_sfc_1 = require("./lib/plugins/vue-sfc");
 const vue_template_1 = require("./lib/plugins/vue-template");
 const vue_twoslash_queries_1 = require("./lib/plugins/vue-twoslash-queries");
-const vue_visualize_hidden_callback_param_1 = require("./lib/plugins/vue-visualize-hidden-callback-param");
+const vue_inlayhints_1 = require("./lib/plugins/vue-inlayhints");
 const language_core_1 = require("@vue/language-core");
 const common_1 = require("@vue/typescript-plugin/lib/common");
 const collectExtractProps_1 = require("@vue/typescript-plugin/lib/requests/collectExtractProps");
@@ -48,9 +48,9 @@ const getImportPathForFile_1 = require("@vue/typescript-plugin/lib/requests/getI
 const getPropertiesAtLocation_1 = require("@vue/typescript-plugin/lib/requests/getPropertiesAtLocation");
 const vscode_uri_1 = require("vscode-uri");
 const nameCasing_1 = require("./lib/ideFeatures/nameCasing");
-function getFullLanguageServicePlugins(ts) {
+function getFullLanguageServicePlugins(ts, { disableAutoImportCache } = {}) {
     const plugins = [
-        ...(0, volar_service_typescript_1.create)(ts),
+        ...(0, volar_service_typescript_1.create)(ts, { disableAutoImportCache }),
         ...getCommonLanguageServicePlugins(ts, getTsPluginClientForLSP)
     ];
     for (let i = 0; i < plugins.length; i++) {
@@ -181,12 +181,12 @@ function getCommonLanguageServicePlugins(ts, getTsPluginClient) {
         (0, vue_document_drop_1.create)(ts, getTsPluginClient),
         (0, vue_autoinsert_dotvalue_1.create)(ts, getTsPluginClient),
         (0, vue_autoinsert_space_1.create)(),
-        (0, vue_visualize_hidden_callback_param_1.create)(),
+        (0, vue_inlayhints_1.create)(ts),
         (0, vue_directive_comments_1.create)(),
         (0, vue_extract_file_1.create)(ts, getTsPluginClient),
         (0, volar_service_emmet_1.create)({
             mappedLanguages: {
-                'vue': 'html',
+                'vue-root-tags': 'html',
                 'postcss': 'scss',
             },
         }),

package/lib/plugins/data.js

@@ -38,7 +38,7 @@ function loadTemplateData(lang) {
     }
     for (const attr of [...data.globalAttributes ?? []]) {
         if (!attr.name.startsWith('v-')) {
-            data.globalAttributes?.push({ ...attr, name: `:${attr.name}` });
+            data.globalAttributes?.push({ ...attr, name: `:${attr.name}` }, { ...attr, name: `v-bind:${attr.name}` });
         }
     }
     const vOn = data.globalAttributes?.find(d => d.name === 'v-on');

package/lib/plugins/vue-document-drop.js

@@ -12,7 +12,7 @@ function create(ts, getTsPluginClient) {
     return {
         name: 'vue-document-drop',
         capabilities: {
-        // documentDropEditsProvider: true,
+            documentDropEditsProvider: true,
         },
         create(context) {
             if (!context.project.vue) {

package/lib/plugins/vue-inlayhints.d.ts

@@ -0,0 +1,7 @@
+import type { LanguageServicePlugin } from '../types';
+import type * as ts from 'typescript';
+export declare function create(ts: typeof import('typescript')): LanguageServicePlugin;
+/**
+ * Refactored from https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/definePropsDestructure.ts
+ */
+export declare function findDestructuredProps(ts: typeof import('typescript'), ast: ts.SourceFile, props: string[]): [ts.Identifier, boolean][];

package/lib/plugins/vue-inlayhints.js

@@ -0,0 +1,240 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = create;
+exports.findDestructuredProps = findDestructuredProps;
+const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
+const common_1 = require("@vue/language-core/lib/codegen/common");
+function create(ts) {
+    return {
+        name: 'vue-inlay-hints',
+        capabilities: {
+            inlayHintProvider: {},
+        },
+        create(context) {
+            return {
+                async provideInlayHints(document, range) {
+                    const settings = {};
+                    const result = [];
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
+                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
+                    const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
+                    if (virtualCode instanceof language_core_1.VueVirtualCode) {
+                        const codegen = language_core_1.tsCodegen.get(virtualCode.sfc);
+                        const inlayHints = [
+                            ...codegen?.generatedTemplate()?.inlayHints ?? [],
+                            ...codegen?.generatedScript()?.inlayHints ?? [],
+                        ];
+                        const scriptSetupRanges = codegen?.scriptSetupRanges();
+                        if (scriptSetupRanges?.props.destructured && virtualCode.sfc.scriptSetup?.ast) {
+                            for (const [prop, isShorthand] of findDestructuredProps(ts, virtualCode.sfc.scriptSetup.ast, scriptSetupRanges.props.destructured)) {
+                                const name = prop.text;
+                                const end = prop.getEnd();
+                                const pos = isShorthand ? end : end - name.length;
+                                const label = isShorthand ? `: props.${name}` : 'props.';
+                                inlayHints.push({
+                                    blockName: 'scriptSetup',
+                                    offset: pos,
+                                    setting: 'vue.inlayHints.destructuredProps',
+                                    label,
+                                });
+                            }
+                        }
+                        const blocks = [
+                            virtualCode.sfc.template,
+                            virtualCode.sfc.script,
+                            virtualCode.sfc.scriptSetup,
+                        ];
+                        const start = document.offsetAt(range.start);
+                        const end = document.offsetAt(range.end);
+                        for (const hint of inlayHints) {
+                            const block = blocks.find(block => block?.name === hint.blockName);
+                            const hintOffset = (block?.startTagEnd ?? 0) + hint.offset;
+                            if (hintOffset >= start && hintOffset <= end) {
+                                settings[hint.setting] ??= await context.env.getConfiguration?.(hint.setting) ?? false;
+                                if (!settings[hint.setting]) {
+                                    continue;
+                                }
+                                result.push({
+                                    label: hint.label,
+                                    paddingRight: hint.paddingRight,
+                                    paddingLeft: hint.paddingLeft,
+                                    position: document.positionAt(hintOffset),
+                                    kind: 2,
+                                    tooltip: hint.tooltip ? {
+                                        kind: 'markdown',
+                                        value: hint.tooltip,
+                                    } : undefined,
+                                });
+                            }
+                        }
+                    }
+                    return result;
+                },
+            };
+        },
+    };
+}
+/**
+ * Refactored from https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/definePropsDestructure.ts
+ */
+function findDestructuredProps(ts, ast, props) {
+    const rootScope = {};
+    const scopeStack = [rootScope];
+    let currentScope = rootScope;
+    const excludedIds = new WeakSet();
+    const parentStack = [];
+    for (const prop of props) {
+        rootScope[prop] = true;
+    }
+    function pushScope() {
+        scopeStack.push((currentScope = Object.create(currentScope)));
+    }
+    function popScope() {
+        scopeStack.pop();
+        currentScope = scopeStack[scopeStack.length - 1] || null;
+    }
+    function registerLocalBinding(id) {
+        excludedIds.add(id);
+        if (currentScope) {
+            currentScope[id.text] = false;
+        }
+    }
+    const references = [];
+    walkScope(ast, true);
+    walk(ast);
+    return references;
+    function walkScope(node, isRoot = false) {
+        ts.forEachChild(node, stmt => {
+            if (ts.isVariableStatement(stmt)) {
+                for (const decl of stmt.declarationList.declarations) {
+                    walkVariableDeclaration(decl, isRoot);
+                }
+            }
+            else if (ts.isFunctionDeclaration(stmt) ||
+                ts.isClassDeclaration(stmt)) {
+                const declare = ts.getModifiers(stmt)?.find(modifier => modifier.kind === ts.SyntaxKind.DeclareKeyword);
+                if (!stmt.name || declare) {
+                    return;
+                }
+                registerLocalBinding(stmt.name);
+            }
+            else if ((ts.isForOfStatement(stmt) || ts.isForInStatement(stmt)) &&
+                ts.isVariableDeclarationList(stmt.initializer)) {
+                walkVariableDeclaration(stmt.initializer.declarations[0], isRoot);
+            }
+            else if (ts.isLabeledStatement(stmt) &&
+                ts.isVariableDeclaration(stmt.statement)) {
+                walkVariableDeclaration(stmt.statement, isRoot);
+            }
+        });
+    }
+    function walkVariableDeclaration(decl, isRoot = false) {
+        const { initializer, name } = decl;
+        const isDefineProps = isRoot
+            && initializer
+            && ts.isCallExpression(initializer)
+            && initializer.expression.getText(ast) === 'defineProps';
+        for (const id of (0, common_1.collectIdentifiers)(ts, name)) {
+            if (isDefineProps) {
+                excludedIds.add(id);
+            }
+            else {
+                registerLocalBinding(id);
+            }
+        }
+    }
+    function walkFunctionDeclaration(node) {
+        const { name, parameters } = node;
+        if (name && ts.isIdentifier(name)) {
+            registerLocalBinding(name);
+        }
+        for (const p of parameters) {
+            for (const id of (0, common_1.collectIdentifiers)(ts, p)) {
+                registerLocalBinding(id);
+            }
+        }
+    }
+    function walk(parent) {
+        ts.forEachChild(parent, node => {
+            if (enter(node) ?? true) {
+                walk(node);
+                leave(node);
+            }
+        });
+        function enter(node) {
+            parent && parentStack.push(parent);
+            if (ts.isTypeLiteralNode(node) ||
+                ts.isTypeReferenceNode(node)) {
+                return false;
+            }
+            if (ts.isFunctionLike(node)) {
+                pushScope();
+                walkFunctionDeclaration(node);
+                if ('body' in node) {
+                    walkScope(node.body);
+                }
+                return;
+            }
+            if (ts.isCatchClause(node)) {
+                pushScope();
+                const { variableDeclaration: p } = node;
+                if (p && ts.isIdentifier(p.name)) {
+                    registerLocalBinding(p.name);
+                }
+                walkScope(node.block);
+                return;
+            }
+            if (ts.isBlock(node)
+                && !ts.isFunctionLike(parent)
+                && !ts.isCatchClause(parent)) {
+                pushScope();
+                walkScope(node);
+                return;
+            }
+            if (ts.isIdentifier(node)
+                && isReferencedIdentifier(node, parent)
+                && !excludedIds.has(node)) {
+                const name = node.text;
+                if (currentScope[name]) {
+                    const isShorthand = ts.isShorthandPropertyAssignment(parent);
+                    references.push([node, isShorthand]);
+                }
+            }
+        }
+        function leave(node) {
+            parent && parentStack.pop();
+            if (ts.isFunctionLike(node)
+                || ts.isCatchClause(node)
+                || (ts.isBlock(node)
+                    && !ts.isFunctionLike(parent)
+                    && !ts.isCatchClause(parent))) {
+                popScope();
+            }
+        }
+    }
+    // TODO: more conditions
+    function isReferencedIdentifier(id, parent) {
+        if (!parent) {
+            return false;
+        }
+        if (id.text === 'arguments') {
+            return false;
+        }
+        if (ts.isExpressionWithTypeArguments(parent) ||
+            ts.isInterfaceDeclaration(parent) ||
+            ts.isTypeAliasDeclaration(parent) ||
+            ts.isPropertySignature(parent)) {
+            return false;
+        }
+        if (ts.isPropertyAccessExpression(parent) ||
+            ts.isPropertyAssignment(parent) ||
+            ts.isPropertyDeclaration(parent)) {
+            if (parent.name === id) {
+                return false;
+            }
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=vue-inlayhints.js.map

package/lib/plugins/vue-sfc.d.ts

@@ -1,7 +1,2 @@
 import type { LanguageServicePlugin } from '@volar/language-service';
-import * as vue from '@vue/language-core';
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-export interface Provide {
-    'vue/vueFile': (document: TextDocument) => vue.VueVirtualCode | undefined;
-}
 export declare function create(): LanguageServicePlugin;

package/lib/plugins/vue-sfc.js

@@ -9,7 +9,7 @@ const vscode_uri_1 = require("vscode-uri");
 let sfcDataProvider;
 function create() {
     const htmlPlugin = (0, volar_service_html_1.create)({
-        documentSelector: ['vue'],
+        documentSelector: ['vue-root-tags'],
         useDefaultDataProvider: false,
         getCustomData(context) {
             sfcDataProvider ??= html.newHTMLDataProvider('vue', (0, data_1.loadLanguageBlocks)(context.env.locale ?? 'en'));
@@ -42,13 +42,6 @@ function create() {
             const htmlPluginInstance = htmlPlugin.create(context);
             return {
                 ...htmlPluginInstance,
-                provide: {
-                    'vue/vueFile': document => {
-                        return worker(document, context, vueFile => {
-                            return vueFile;
-                        });
-                    },
-                },
                 provideDocumentLinks: undefined,
                 async resolveEmbeddedCodeFormattingOptions(sourceScript, virtualCode, options) {
                     if (sourceScript.generated?.root instanceof vue.VueVirtualCode) {
@@ -160,10 +153,13 @@ function create() {
                         return;
                     }
                     result.items = result.items.filter(item => item.label !== '!DOCTYPE' && item.label !== 'Custom Blocks');
-                    for (const scriptItem of result.items.filter(item => item.label === 'script' || item.label === 'script setup')) {
+                    const tags = sfcDataProvider?.provideTags();
+                    const scriptLangs = getLangs('script');
+                    const scriptItems = result.items.filter(item => item.label === 'script' || item.label === 'script setup');
+                    for (const scriptItem of scriptItems) {
                         scriptItem.kind = 17;
                         scriptItem.detail = '.js';
-                        for (const lang of ['ts', 'tsx', 'jsx']) {
+                        for (const lang of scriptLangs) {
                             result.items.push({
                                 ...scriptItem,
                                 detail: `.${lang}`,
@@ -176,50 +172,68 @@ function create() {
                             });
                         }
                     }
+                    const styleLangs = getLangs('style');
                     const styleItem = result.items.find(item => item.label === 'style');
                     if (styleItem) {
                         styleItem.kind = 17;
                         styleItem.detail = '.css';
-                        for (const lang of ['css', 'scss', 'less', 'postcss']) {
-                            result.items.push({
-                                ...styleItem,
-                                kind: 17,
-                                detail: lang === 'postcss' ? '.css' : `.${lang}`,
-                                label: styleItem.label + ' lang="' + lang + '"',
-                                textEdit: styleItem.textEdit ? {
-                                    ...styleItem.textEdit,
-                                    newText: styleItem.textEdit.newText + ' lang="' + lang + '"',
-                                } : undefined,
-                            });
+                        for (const lang of styleLangs) {
+                            result.items.push(getStyleCompletionItem(styleItem, lang), getStyleCompletionItem(styleItem, lang, 'scoped'), getStyleCompletionItem(styleItem, lang, 'module'));
                         }
                     }
+                    const templateLangs = getLangs('template');
                     const templateItem = result.items.find(item => item.label === 'template');
                     if (templateItem) {
                         templateItem.kind = 17;
                         templateItem.detail = '.html';
-                        result.items.push({
-                            ...templateItem,
-                            kind: 17,
-                            detail: '.pug',
-                            label: templateItem.label + ' lang="pug"',
-                            textEdit: templateItem.textEdit ? {
-                                ...templateItem.textEdit,
-                                newText: templateItem.textEdit.newText + ' lang="pug"',
-                            } : undefined,
-                        });
+                        for (const lang of templateLangs) {
+                            if (lang === 'html') {
+                                continue;
+                            }
+                            result.items.push({
+                                ...templateItem,
+                                kind: 17,
+                                detail: `.${lang}`,
+                                label: templateItem.label + ' lang="' + lang + '"',
+                                textEdit: templateItem.textEdit ? {
+                                    ...templateItem.textEdit,
+                                    newText: templateItem.textEdit.newText + ' lang="' + lang + '"',
+                                } : undefined,
+                            });
+                        }
                     }
                     return result;
+                    function getLangs(label) {
+                        return tags
+                            ?.find(tag => tag.name === label)?.attributes
+                            .find(attr => attr.name === 'lang')?.values
+                            ?.map(({ name }) => name) ?? [];
+                    }
                 },
             };
         },
     };
     function worker(document, context, callback) {
+        if (document.languageId !== 'vue-root-tags') {
+            return;
+        }
         const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
         const sourceScript = decoded && context.language.scripts.get(decoded[0]);
-        const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
-        if (virtualCode instanceof vue.VueVirtualCode) {
-            return callback(virtualCode);
+        if (sourceScript?.generated?.root instanceof vue.VueVirtualCode) {
+            return callback(sourceScript.generated.root);
         }
     }
 }
+function getStyleCompletionItem(styleItem, lang, attr) {
+    return {
+        ...styleItem,
+        kind: 17,
+        detail: lang === 'postcss' ? '.css' : `.${lang}`,
+        label: styleItem.label + ' lang="' + lang + '"' + (attr ? ` ${attr}` : ''),
+        textEdit: styleItem.textEdit ? {
+            ...styleItem.textEdit,
+            newText: styleItem.textEdit.newText + ' lang="' + lang + '"' + (attr ? ` ${attr}` : ''),
+        } : undefined
+    };
+}
 //# sourceMappingURL=vue-sfc.js.map

package/lib/plugins/vue-template.js

@@ -11,9 +11,10 @@ const vscode_uri_1 = require("vscode-uri");
 const nameCasing_1 = require("../ideFeatures/nameCasing");
 const types_1 = require("../types");
 const data_1 = require("./data");
+const specialTags = new Set(['slot', 'component', 'template']);
+const specialProps = new Set(['class', 'is', 'key', 'ref', 'style']);
 let builtInData;
 let modelData;
-const specialTags = new Set(['slot', 'component', 'template']);
 function create(mode, ts, getTsPluginClient) {
     let customData = [];
     let extraCustomData = [];
@@ -59,7 +60,10 @@ function create(mode, ts, getTsPluginClient) {
             },
             inlayHintProvider: {},
             hoverProvider: true,
-            diagnosticProvider: {},
+            diagnosticProvider: {
+                interFileDependencies: false,
+                workspaceDiagnostics: false,
+            },
             semanticTokensProvider: {
                 legend: {
                     tokenTypes: ['class'],
@@ -133,8 +137,12 @@ function create(mode, ts, getTsPluginClient) {
                     if (!htmlComplete) {
                         return;
                     }
-                    if (sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode) {
-                        await afterHtmlCompletion(htmlComplete, context.documents.get(sourceScript.id, sourceScript.languageId, sourceScript.snapshot));
+                    if (sourceScript?.generated) {
+                        const virtualCode = sourceScript.generated.embeddedCodes.get('template');
+                        if (virtualCode) {
+                            const embeddedDocumentUri = context.encodeEmbeddedDocumentUri(sourceScript.id, virtualCode.id);
+                            afterHtmlCompletion(htmlComplete, context.documents.get(embeddedDocumentUri, virtualCode.languageId, virtualCode.snapshot));
+                        }
                     }
                     return htmlComplete;
                 },
@@ -349,10 +357,13 @@ function create(mode, ts, getTsPluginClient) {
                 const casing = await (0, nameCasing_1.getNameCasing)(context, sourceDocumentUri);
                 if (builtInData.tags) {
                     for (const tag of builtInData.tags) {
+                        if (isInternalItemId(tag.name)) {
+                            continue;
+                        }
                         if (specialTags.has(tag.name)) {
                             tag.name = createInternalItemId('specialTag', [tag.name]);
                         }
-                        if (casing.tag === types_1.TagNameCasing.Kebab) {
+                        else if (casing.tag === types_1.TagNameCasing.Kebab) {
                             tag.name = (0, language_core_1.hyphenateTag)(tag.name);
                         }
                         else {
@@ -423,8 +434,7 @@ function create(mode, ts, getTsPluginClient) {
                                     const events = await tsPluginClient?.getComponentEvents(vueCode.fileName, tag) ?? [];
                                     tagInfos.set(tag, {
                                         attrs,
-                                        props: props.filter(prop => !prop.startsWith('ref_')
-                                            && !(0, shared_1.hyphenate)(prop).startsWith('on-vnode-')),
+                                        props: props.filter(prop => !prop.startsWith('ref_')),
                                         events,
                                     });
                                     version++;
@@ -459,7 +469,8 @@ function create(mode, ts, getTsPluginClient) {
                             for (const prop of [...props, ...attrs]) {
                                 const isGlobal = !propsSet.has(prop);
                                 const name = casing.attr === types_1.AttrNameCasing.Camel ? prop : (0, language_core_1.hyphenateAttr)(prop);
-                                if ((0, language_core_1.hyphenateAttr)(name).startsWith('on-')) {
+                                const isEvent = (0, language_core_1.hyphenateAttr)(name).startsWith('on-');
+                                if (isEvent) {
                                     const propNameBase = name.startsWith('on-')
                                         ? name.slice('on-'.length)
                                         : (name['on'.length].toLowerCase() + name.slice('onX'.length));
@@ -472,7 +483,7 @@ function create(mode, ts, getTsPluginClient) {
                                         description: propKey,
                                     });
                                 }
-                                {
+                                else {
                                     const propName = name;
                                     const propKey = createInternalItemId('componentProp', [isGlobal ? '*' : tag, propName]);
                                     attributes.push({
@@ -493,8 +504,7 @@ function create(mode, ts, getTsPluginClient) {
                                 attributes.push({
                                     name: 'v-on:' + name,
                                     description: propKey,
-                                });
-                                attributes.push({
+                                }, {
                                     name: '@' + name,
                                     description: propKey,
                                 });
@@ -537,8 +547,8 @@ function create(mode, ts, getTsPluginClient) {
                     }
                 };
             }
-            function afterHtmlCompletion(completionList, sourceDocument) {
-                const replacement = getReplacement(completionList, sourceDocument);
+            function afterHtmlCompletion(completionList, document) {
+                const replacement = getReplacement(completionList, document);
                 if (replacement) {
                     const isEvent = replacement.text.startsWith('v-on:') || replacement.text.startsWith('@');
                     const isProp = replacement.text.startsWith('v-bind:') || replacement.text.startsWith(':');
@@ -596,6 +606,7 @@ function create(mode, ts, getTsPluginClient) {
                         }
                     }
                 }
+                const originals = new Map();
                 for (const item of completionList.items) {
                     if (specialTags.has(item.label)) {
                         completionList.items = completionList.items.filter(i => i !== item);
@@ -616,50 +627,98 @@ function create(mode, ts, getTsPluginClient) {
                         }
                     }
                     const itemIdKey = typeof item.documentation === 'string' ? item.documentation : item.documentation?.value;
-                    const itemId = itemIdKey ? readInternalItemId(itemIdKey) : undefined;
+                    let itemId = itemIdKey ? readInternalItemId(itemIdKey) : undefined;
                     if (itemId) {
-                        item.documentation = undefined;
+                        let [isEvent, name] = tryGetEventName(itemId);
+                        if (isEvent) {
+                            name = 'on' + name;
+                        }
+                        const original = originals.get(name);
+                        item.documentation = original?.documentation;
                     }
+                    else {
+                        let name = item.label;
+                        const isVBind = name.startsWith('v-bind:') ? (name = name.slice('v-bind:'.length), true) : false;
+                        const isVBindAbbr = name.startsWith(':') && name !== ':' ? (name = name.slice(':'.length), true) : false;
+                        /**
+                         * for `is`, `key` and `ref` starting with `v-bind:` or `:`
+                         * that without `internalItemId`.
+                         */
+                        if (isVBind || isVBindAbbr) {
+                            itemId = {
+                                type: 'componentProp',
+                                args: ['^', name]
+                            };
+                        }
+                        else if (!originals.has(item.label)) {
+                            originals.set(item.label, item);
+                        }
+                    }
+                    const tokens = [];
                     if (item.kind === 10 && lastCompletionComponentNames.has((0, language_core_1.hyphenateTag)(item.label))) {
                         item.kind = 6;
-                        item.sortText = '\u0000' + (item.sortText ?? item.label);
-                    }
-                    else if (itemId && (itemId.type === 'componentProp' || itemId.type === 'componentEvent')) {
-                        const [componentName] = itemId.args;
-                        if (componentName !== '*') {
-                            if (item.label === 'class'
-                                || item.label === 'ref'
-                                || item.label.endsWith(':class')
-                                || item.label.endsWith(':ref')) {
-                                item.sortText = '\u0000' + (item.sortText ?? item.label);
-                            }
-                            else {
-                                item.sortText = '\u0000\u0000' + (item.sortText ?? item.label);
-                            }
-                        }
+                        tokens.push('\u0000');
+                    }
+                    else if (itemId) {
+                        const isComponent = itemId.args[0] !== '*';
+                        const [isEvent, name] = tryGetEventName(itemId);
                         if (itemId.type === 'componentProp') {
-                            if (componentName !== '*') {
+                            if (isComponent || specialProps.has(name)) {
                                 item.kind = 5;
                             }
                         }
-                        else {
-                            item.kind = componentName !== '*' ? 3 : 23;
+                        else if (isEvent) {
+                            item.kind = 23;
+                            if (name.startsWith('vnode-')) {
+                                tokens.push('\u0004');
+                            }
+                        }
+                        if (isComponent
+                            || (isComponent && isEvent)
+                            || specialProps.has(name)) {
+                            tokens.push('\u0000');
+                            if (item.label.startsWith(':')) {
+                                tokens.push('\u0001');
+                            }
+                            else if (item.label.startsWith('@')) {
+                                tokens.push('\u0002');
+                            }
+                            else if (item.label.startsWith('v-bind:')) {
+                                tokens.push('\u0003');
+                            }
+                            else if (item.label.startsWith('v-on:')) {
+                                tokens.push('\u0004');
+                            }
+                            else {
+                                tokens.push('\u0000');
+                            }
+                            if (specialProps.has(name)) {
+                                tokens.push('\u0001');
+                            }
+                            else {
+                                tokens.push('\u0000');
+                            }
                         }
                     }
+                    else if (specialProps.has(item.label)) {
+                        item.kind = 5;
+                        tokens.push('\u0000', '\u0000', '\u0001');
+                    }
                     else if (item.label === 'v-if'
                         || item.label === 'v-else-if'
                         || item.label === 'v-else'
                         || item.label === 'v-for') {
                         item.kind = 14;
-                        item.sortText = '\u0003' + (item.sortText ?? item.label);
+                        tokens.push('\u0003');
                     }
                     else if (item.label.startsWith('v-')) {
                         item.kind = 3;
-                        item.sortText = '\u0002' + (item.sortText ?? item.label);
+                        tokens.push('\u0002');
                     }
                     else {
-                        item.sortText = '\u0001' + (item.sortText ?? item.label);
+                        tokens.push('\u0001');
                     }
+                    item.sortText = tokens.join('') + (item.sortText ?? item.label);
                 }
                 updateExtraCustomData([]);
             }
@@ -716,8 +775,11 @@ function create(mode, ts, getTsPluginClient) {
 function createInternalItemId(type, args) {
     return '__VLS_::' + type + '::' + args.join(',');
 }
+function isInternalItemId(key) {
+    return key.startsWith('__VLS_::');
+}
 function readInternalItemId(key) {
-    if (key.startsWith('__VLS_::')) {
+    if (isInternalItemId(key)) {
         const strs = key.split('::');
         return {
             type: strs[1],
@@ -736,4 +798,14 @@ function getReplacement(list, doc) {
         }
     }
 }
+function tryGetEventName(itemId) {
+    const name = (0, language_core_1.hyphenateAttr)(itemId.args[1]);
+    if (name.startsWith('on-')) {
+        return [true, name.slice('on-'.length)];
+    }
+    else if (itemId.type === 'componentEvent') {
+        return [true, name];
+    }
+    return [false, name];
+}
 //# sourceMappingURL=vue-template.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "2.0.29",
+	"version": "2.1.0",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -16,23 +16,23 @@
 		"update-html-data": "node ./scripts/update-html-data.js"
 	},
 	"dependencies": {
-		"@volar/language-core": "~2.4.0-alpha.18",
-		"@volar/language-service": "~2.4.0-alpha.18",
-		"@volar/typescript": "~2.4.0-alpha.18",
+		"@volar/language-core": "~2.4.1",
+		"@volar/language-service": "~2.4.1",
+		"@volar/typescript": "~2.4.1",
 		"@vue/compiler-dom": "^3.4.0",
-		"@vue/language-core": "2.0.29",
+		"@vue/language-core": "2.1.0",
 		"@vue/shared": "^3.4.0",
-		"@vue/typescript-plugin": "2.0.29",
+		"@vue/typescript-plugin": "2.1.0",
 		"computeds": "^0.0.1",
 		"path-browserify": "^1.0.1",
-		"volar-service-css": "0.0.59",
-		"volar-service-emmet": "0.0.59",
-		"volar-service-html": "0.0.59",
-		"volar-service-json": "0.0.59",
-		"volar-service-pug": "0.0.59",
-		"volar-service-pug-beautify": "0.0.59",
-		"volar-service-typescript": "0.0.59",
-		"volar-service-typescript-twoslash-queries": "0.0.59",
+		"volar-service-css": "0.0.62",
+		"volar-service-emmet": "0.0.62",
+		"volar-service-html": "0.0.62",
+		"volar-service-json": "0.0.62",
+		"volar-service-pug": "0.0.62",
+		"volar-service-pug-beautify": "0.0.62",
+		"volar-service-typescript": "0.0.62",
+		"volar-service-typescript-twoslash-queries": "0.0.62",
 		"vscode-html-languageservice": "^5.2.0",
 		"vscode-languageserver-textdocument": "^1.0.11",
 		"vscode-uri": "^3.0.8"
@@ -40,8 +40,8 @@
 	"devDependencies": {
 		"@types/node": "latest",
 		"@types/path-browserify": "latest",
-		"@volar/kit": "~2.4.0-alpha.18",
+		"@volar/kit": "~2.4.1",
 		"vscode-languageserver-protocol": "^3.17.5"
 	},
-	"gitHead": "49ad9563e6f2677595878a000179dfea83fb910c"
+	"gitHead": "510063740b90b64caedaee1f0bde70974613a92c"
 }

package/scripts/update-html-data.js

@@ -304,7 +304,12 @@ async function templateWorker(lang) {
 			 */
 			const data = {
 				name,
-				valueSet: name === 'v-else' ? 'v' : undefined,
+				valueSet:
+					name === 'v-cloak' ||
+					name === 'v-else' ||
+					name === 'v-once' ||
+					name === 'v-pre'
+					? 'v' : undefined,
 				description: {
 					kind: 'markdown',
 					value: lines.slice(1).join('\n'),

package/lib/plugins/vue-toggle-v-bind-codeaction.d.ts

@@ -1,2 +0,0 @@
-import type { LanguageServicePlugin } from '@volar/language-service';
-export declare function create(ts: typeof import('typescript')): LanguageServicePlugin;

package/lib/plugins/vue-toggle-v-bind-codeaction.js

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.create = create;
-const language_core_1 = require("@vue/language-core");
-const vscode_uri_1 = require("vscode-uri");
-function create(ts) {
-    return {
-        name: 'vue-toggle-v-bind-codeaction',
-        capabilities: {
-            codeActionProvider: {
-                codeActionKinds: ['refactor'],
-            },
-        },
-        create(context) {
-            return {
-                provideCodeActions(document, range, _context) {
-                    const startOffset = document.offsetAt(range.start);
-                    const endOffset = document.offsetAt(range.end);
-                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
-                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
-                    const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
-                    if (!(virtualCode instanceof language_core_1.VueVirtualCode)) {
-                        return;
-                    }
-                    const { template } = virtualCode.sfc;
-                    if (!template?.ast) {
-                        return;
-                    }
-                    const templateStartOffset = template.startTagEnd;
-                    const result = [];
-                    for (const node of (0, language_core_1.forEachElementNode)(template.ast)) {
-                        if (startOffset > templateStartOffset + node.loc.end.offset || endOffset < templateStartOffset + node.loc.start.offset) {
-                            return;
-                        }
-                        for (const prop of node.props) {
-                            if (startOffset - templateStartOffset >= prop.loc.start.offset
-                                && endOffset - templateStartOffset <= prop.loc.end.offset) {
-                                if (prop.type === 7 && prop.exp) {
-                                    const sourceFile = ts.createSourceFile('/a.ts', prop.exp.loc.source, ts.ScriptTarget.Latest, true);
-                                    const firstStatement = sourceFile.statements[0];
-                                    if (sourceFile.statements.length === 1 && ts.isExpressionStatement(firstStatement) && ts.isStringLiteralLike(firstStatement.expression)) {
-                                        const stringNode = sourceFile.statements[0];
-                                        const removeTextRanges = [
-                                            [prop.loc.start.offset, prop.loc.start.offset + 1],
-                                            // Work correctly with trivias for cases like <input :type=" 'password' " />
-                                            [prop.exp.loc.start.offset, prop.exp.loc.start.offset + stringNode.pos + stringNode.getLeadingTriviaWidth() + 1],
-                                            [prop.exp.loc.start.offset + stringNode.end - 1, prop.exp.loc.end.offset],
-                                        ];
-                                        result.push({
-                                            title: 'Remove v-bind from attribute',
-                                            kind: 'refactor.rewrite.removeVBind',
-                                            edit: {
-                                                changes: {
-                                                    [document.uri]: removeTextRanges.map(range => ({
-                                                        newText: '',
-                                                        range: {
-                                                            start: document.positionAt(templateStartOffset + range[0]),
-                                                            end: document.positionAt(templateStartOffset + range[1]),
-                                                        }
-                                                    }))
-                                                },
-                                            },
-                                        });
-                                    }
-                                }
-                                if (prop.type === 6) {
-                                    const edits = [];
-                                    const addVBindPos = document.positionAt(templateStartOffset + prop.loc.start.offset);
-                                    edits.push({
-                                        newText: ':',
-                                        range: {
-                                            start: addVBindPos,
-                                            end: addVBindPos,
-                                        },
-                                    });
-                                    let newPosition;
-                                    if (prop.value) {
-                                        const valueStart = document.positionAt(templateStartOffset + prop.value.loc.start.offset);
-                                        const valueEnd = document.positionAt(templateStartOffset + prop.value.loc.end.offset);
-                                        if (prop.value.loc.end.offset - prop.value.loc.start.offset !== prop.value.content.length) {
-                                            valueStart.character++;
-                                            valueEnd.character--;
-                                        }
-                                        edits.push({
-                                            newText: "'",
-                                            range: {
-                                                start: valueStart,
-                                                end: valueStart,
-                                            },
-                                        });
-                                        edits.push({
-                                            newText: "'",
-                                            range: {
-                                                start: valueEnd,
-                                                end: valueEnd,
-                                            },
-                                        });
-                                    }
-                                    else {
-                                        const addValuePos = document.positionAt(templateStartOffset + prop.loc.end.offset);
-                                        newPosition = {
-                                            line: addValuePos.line,
-                                            character: addValuePos.character + ':'.length + '="'.length,
-                                        };
-                                        edits.push({
-                                            newText: '=""',
-                                            range: {
-                                                start: addValuePos,
-                                                end: addValuePos
-                                            },
-                                        });
-                                    }
-                                    result.push({
-                                        title: 'Add v-bind to attribute',
-                                        kind: 'refactor.rewrite.addVBind',
-                                        edit: {
-                                            changes: { [document.uri]: edits },
-                                        },
-                                        command: newPosition ? context?.commands.setSelection.create(newPosition) : undefined,
-                                    });
-                                }
-                            }
-                        }
-                    }
-                    return result;
-                },
-                transformCodeAction(item) {
-                    return item; // ignore mapping
-                },
-            };
-        },
-    };
-}
-//# sourceMappingURL=vue-toggle-v-bind-codeaction.js.map

package/lib/plugins/vue-visualize-hidden-callback-param.d.ts

@@ -1,2 +0,0 @@
-import type { LanguageServicePlugin } from '../types';
-export declare function create(): LanguageServicePlugin;

package/lib/plugins/vue-visualize-hidden-callback-param.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.create = create;
-const vscode_uri_1 = require("vscode-uri");
-function create() {
-    return {
-        name: 'vue-inlay-hints-hidden-callback-param',
-        capabilities: {
-            inlayHintProvider: {},
-        },
-        create(context) {
-            return {
-                async provideInlayHints(document, range) {
-                    const settings = {};
-                    const result = [];
-                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
-                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
-                    const vitualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
-                    if (vitualCode) {
-                        const start = document.offsetAt(range.start);
-                        const end = document.offsetAt(range.end);
-                        for (const mapping of vitualCode.mappings) {
-                            const hint = mapping.data.__hint;
-                            if (mapping.generatedOffsets[0] >= start
-                                && mapping.generatedOffsets[mapping.generatedOffsets.length - 1] + mapping.lengths[mapping.lengths.length - 1] <= end
-                                && hint) {
-                                settings[hint.setting] ??= await context.env.getConfiguration?.(hint.setting) ?? false;
-                                if (!settings[hint.setting]) {
-                                    continue;
-                                }
-                                result.push({
-                                    label: hint.label,
-                                    paddingRight: hint.paddingRight,
-                                    paddingLeft: hint.paddingLeft,
-                                    position: document.positionAt(mapping.generatedOffsets[0]),
-                                    kind: 2,
-                                    tooltip: {
-                                        kind: 'markdown',
-                                        value: hint.tooltip,
-                                    },
-                                });
-                            }
-                        }
-                    }
-                    return result;
-                },
-            };
-        },
-    };
-}
-//# sourceMappingURL=vue-visualize-hidden-callback-param.js.map