\n\n```\n\n### Root elementy komponent potomka\n\nSe `scoped` atributem nebudou styly komponenty rodiče prosakovat do komponent potomků. Nicméně root element komponenty potomka bude ovlivněn jak rodičovským `scoped` CSS, tak vlastním `scoped` CSS. Toto je záměr, aby rodič mohl stylovat root element svého potomka pro účely rozvržení (layout).\n\n### Deep selektory \n\nPokud chcete, aby selektor ve `scoped` stylech byl „hluboký“ a ovlivňoval i komponenty potomků, můžete použít pseudotřídu `:deep()`:\n\n```vue\n\n```\n\nVýše uvedený kód se zkompiluje na:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nObsah DOM vytvořený pomocí `v-html` není ovlivněn `scoped` styly, ale pomocí deep selektorů jej stále lze stylovat.\n:::\n\n### Selektory pro sloty \n\nVe výchozím nastavení `scoped` styly neovlivňují obsah vykreslený pomocí ``, protože ty jsou považovány za vlastnictví komponenty rodiče, která je předává. Pro explicitní cílení na obsah slotu použijte pseudotřídu `:slotted`:\n\n```vue\n\n```\n\n### Globální selektory \n\nPokud chcete, aby se pravidlo aplikovalo globálně, můžete místo vytváření dalšího `\n```\n\n### Kombinace lokálních a globálních stylů \n\nMůžete také do stejné komponenty zahrnout jak lokální, tak globální styly:\n\n```vue\n\n\n\n```\n\n### Tipy pro lokální styly \n\n- **Lokální styly neodstraňují potřebu tříd**. Kvůli způsobu, jakým prohlížeče vyhodnocují různé CSS selektory, bude `p { color: red }` mnohem pomalejší, když je použit s atributovým selektorem. Pokud místo toho použijete třídy nebo id, například `.example { color: red }`, prakticky tím tento problém výkonosti eliminujete.\n\n- **Buďte opatrní s selektory potomků v rekurzivních komponentách!** Pro CSS pravidlo se selektorem `.a .b`, pokud prvek odpovídající `.a` obsahuje rekurzivní komponentu potomka, pak všechny `.b` v této komponentě potomka budou pravidlu odpovídat.\n"
+ "value": "Když má sekce `\n\n\n
ahoj
\n\n```\n\nNa toto:\n\n```vue\n\n\n\n
ahoj
\n\n```\n\n### Root elementy komponent potomka\n\nSe `scoped` atributem nebudou styly komponenty rodiče prosakovat do komponent potomků. Nicméně root element komponenty potomka bude ovlivněn jak rodičovským `scoped` CSS, tak vlastním `scoped` CSS. Toto je záměr, aby rodič mohl stylovat root element svého potomka pro účely rozvržení (layout).\n\n### Deep selektory \n\nPokud chcete, aby selektor ve `scoped` stylech byl „hluboký“ a ovlivňoval i komponenty potomků, můžete použít pseudotřídu `:deep()`:\n\n```vue\n\n```\n\nVýše uvedený kód se zkompiluje na:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nObsah DOM vytvořený pomocí `v-html` není ovlivněn `scoped` styly, ale pomocí deep selektorů jej stále lze stylovat.\n:::\n\n### Selektory pro sloty \n\nVe výchozím nastavení `scoped` styly neovlivňují obsah vykreslený pomocí ``, protože ty jsou považovány za vlastnictví komponenty rodiče, která je předává. Pro explicitní cílení na obsah slotu použijte pseudotřídu `:slotted`:\n\n```vue\n\n```\n\n### Globální selektory \n\nPokud chcete, aby se pravidlo aplikovalo globálně, můžete místo vytváření dalšího `\n```\n\n### Kombinace lokálních a globálních stylů \n\nMůžete také do stejné komponenty zahrnout jak lokální, tak globální styly:\n\n```vue\n\n\n\n```\n\n### Tipy pro lokální styly \n\n- **Lokální styly neodstraňují potřebu tříd**. Kvůli způsobu, jakým prohlížeče vyhodnocují různé CSS selektory, bude `p { color: red }` mnohem pomalejší, když je použit s atributovým selektorem. Pokud místo toho použijete třídy nebo id, například `.example { color: red }`, prakticky tím tento problém výkonosti eliminujete.\n\n- **Buďte opatrní s selektory potomků v rekurzivních komponentách!** Pro CSS pravidlo se selektorem `.a .b`, pokud prvek odpovídající `.a` obsahuje rekurzivní komponentu potomka, pak všechny `.b` v této komponentě potomka budou pravidlu odpovídat."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nTag `\n```\n\nVýsledné třídy jsou hashovány, aby se předešlo kolizím, čímž se dosáhne stejného efektu omezování platnosti CSS pouze na aktuální komponentu.\n\nPro více podrobností, jako jsou [globální výjimky](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) a [kompozice](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition), se podívejte na [specifikaci CSS modulů](https://github.com/css-modules/css-modules).\n\n### Vlastní název implementovaných tříd \n\nMůžete přizpůsobit klíč vlastnosti implementovaného objektu tříd tím, že atributu `module` přiřadíte hodnotu:\n\n```vue\n\n
červená
\n\n\n\n```\n\n### Použití s Composition API \n\nNa implementované třídy lze přistupovat v `setup()` a `\n\n\n
ahoj
\n\n\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": "zh-hk",
- "url": "https://zh-hk.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"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- Každý soubor `*.vue` může obsahovat více bloků `\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n\n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
- "value": "\nDo souboru `*.vue` můžete navíc přidat další vlastní bloky pro potřeby konkrétního projektu, například blok ``. Některé příklady vlastních bloků z reálného světa zahrnují:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nZpracování vlastních bloků závisí na nástrojích - pokud chcete vytvořit vlastní integrace, podívejte se pro další informace na sekci [Nástroje pro integraci vlastních SFC bloků](https://cs.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations).\n"
+ "value": "\nDo souboru `*.vue` můžete navíc přidat další vlastní bloky pro potřeby konkrétního projektu, například blok ``. Některé příklady vlastních bloků z reálného světa zahrnují:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nZpracování vlastních bloků závisí na nástrojích. Pokud chcete vytvořit vlastní integrace, podívejte se pro další informace na sekci [Nástroje pro integraci vlastních SFC bloků](https://cs.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations).\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- }
- ]
+ "references": "api/sfc-spec.html#vlastní-bloky"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\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"
+ "value": "Bloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok – například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\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)"
},
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n\n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/en.json b/packages/language-service/data/language-blocks/en.json
index 796668496f..b50baac0c3 100644
--- a/packages/language-service/data/language-blocks/en.json
+++ b/packages/language-service/data/language-blocks/en.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Each `*.vue` file can contain at most one top-level `` block.\n\n- Contents will be extracted and passed on to `@vue/compiler-dom`, pre-compiled into JavaScript render functions, and attached to the exported component as its `render` option.\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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)"
},
"values": [
{
@@ -278,60 +66,7 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Each `*.vue` file can contain at most one `\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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)"
},
"values": [
{
@@ -610,244 +133,32 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nWhen a `\n\n\n
hi
\n\n```\n\nInto the following:\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Child Component Root Elements \n\nWith `scoped`, the parent component's styles will not leak into child components. However, a child component's root node will be affected by both the parent's scoped CSS and the child's scoped CSS. This is by design so that the parent can style the child root element for layout purposes.\n\n### Deep Selectors \n\nIf you want a selector in `scoped` styles to be \"deep\", i.e. affecting child components, you can use the `:deep()` pseudo-class:\n\n```vue\n\n```\n\nThe above will be compiled into:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nDOM content created with `v-html` are not affected by scoped styles, but you can still style them using deep selectors.\n:::\n\n### Slotted Selectors \n\nBy default, scoped styles do not affect contents rendered by ``, as they are considered to be owned by the parent component passing them in. To explicitly target slot content, use the `:slotted` pseudo-class:\n\n```vue\n\n```\n\n### Global Selectors \n\nIf you want just one rule to apply globally, you can use the `:global` pseudo-class rather than creating another `\n```\n\n### Mixing Local and Global Styles \n\nYou can also include both scoped and non-scoped styles in the same component:\n\n```vue\n\n\n\n```\n\n### Scoped Style Tips \n\n- **Scoped styles do not eliminate the need for classes**. Due to the way browsers render various CSS selectors, `p { color: red }` will be many times slower when scoped (i.e. when combined with an attribute selector). If you use classes or ids instead, such as in `.example { color: red }`, then you virtually eliminate that performance hit.\n\n- **Be careful with descendant selectors in recursive components!** For a CSS rule with the selector `.a .b`, if the element that matches `.a` contains a recursive child component, then all `.b` in that child component will be matched by the rule.\n"
+ "value": "When a `\n\n\n
hi
\n\n```\n\nInto the following:\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Child Component Root Elements \n\nWith `scoped`, the parent component's styles will not leak into child components. However, a child component's root node will be affected by both the parent's scoped CSS and the child's scoped CSS. This is by design so that the parent can style the child root element for layout purposes.\n\n### Deep Selectors \n\nIf you want a selector in `scoped` styles to be \"deep\", i.e. affecting child components, you can use the `:deep()` pseudo-class:\n\n```vue\n\n```\n\nThe above will be compiled into:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nDOM content created with `v-html` are not affected by scoped styles, but you can still style them using deep selectors.\n:::\n\n### Slotted Selectors \n\nBy default, scoped styles do not affect contents rendered by ``, as they are considered to be owned by the parent component passing them in. To explicitly target slot content, use the `:slotted` pseudo-class:\n\n```vue\n\n```\n\n### Global Selectors \n\nIf you want just one rule to apply globally, you can use the `:global` pseudo-class rather than creating another `\n```\n\n### Mixing Local and Global Styles \n\nYou can also include both scoped and non-scoped styles in the same component:\n\n```vue\n\n\n\n```\n\n### Scoped Style Tips \n\n- **Scoped styles do not eliminate the need for classes**. Due to the way browsers render various CSS selectors, `p { color: red }` will be many times slower when scoped (i.e. when combined with an attribute selector). If you use classes or ids instead, such as in `.example { color: red }`, then you virtually eliminate that performance hit.\n\n- **Be careful with descendant selectors in recursive components!** For a CSS rule with the selector `.a .b`, if the element that matches `.a` contains a recursive child component, then all `.b` in that child component will be matched by the rule."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nA `\n```\n\nThe resulting classes are hashed to avoid collision, achieving the same effect of scoping the CSS to the current component only.\n\nRefer to the [CSS Modules spec](https://github.com/css-modules/css-modules) for more details such as [global exceptions](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) and [composition](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition).\n\n### Custom Inject Name \n\nYou can customize the property key of the injected classes object by giving the `module` attribute a value:\n\n```vue\n\n
red
\n\n\n\n```\n\n### Usage with Composition API \n\nThe injected classes can be accessed in `setup()` and `\n\n\n
red
\n\n\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": "zh-hk",
- "url": "https://zh-hk.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"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- A single `*.vue` file can contain multiple `\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nAdditional custom blocks can be included in a `*.vue` file for any project-specific needs, for example a `` block. Some real-world examples of custom blocks include:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nHandling of Custom Blocks will depend on tooling - if you want to build your own custom block integrations, see the [SFC custom block integrations tooling section](https://vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) for more details.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "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"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#custom-blocks"
- }
- ]
+ "references": "api/sfc-spec.html#custom-blocks"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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)"
},
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/fr.json b/packages/language-service/data/language-blocks/fr.json
index a59e4173a9..dce08a33da 100644
--- a/packages/language-service/data/language-blocks/fr.json
+++ b/packages/language-service/data/language-blocks/fr.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Chaque fichier `*.vue` peut contenir au maximum un bloc de haut niveau `` à la fois.\n\n- Le contenu sera extrait et transmis à `@vue/compiler-dom`, pré-compilé en fonctions de rendu JavaScript, et attaché au composant exporté en tant que son option `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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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)"
},
"values": [
{
@@ -278,60 +66,7 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Chaque fichier `*.vue` peut contenir au maximum un bloc `\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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)"
},
"values": [
{
@@ -610,244 +133,32 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nLorsqu'une balise `\n\n\n
hi
\n\n```\n\nEn ce qui suit :\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Éléments racines du composant enfant \n\nAvec `scoped`, les styles du composant parent ne ruisselleront pas dans les composants enfants. Toutefois, le nœud racine d'un composant enfant sera affecté à la fois par le CSS à portée limitée du parent et par le CSS à portée limitée de l'enfant. Cela a été conçu afin que le parent puisse donner un style à l'élément racine de l'enfant à des fins de mise en page.\n\n### Sélecteurs profonds \n\nSi vous voulez qu'un sélecteur dans les styles `scoped` soit \"profond\", c'est-à-dire qu'il affecte les composants enfants, vous pouvez utiliser la pseudo-classe `:deep()` :\n\n```vue\n\n```\n\nLe code ci-dessus sera compilé en :\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nLes contenus du DOM créés avec `v-html` ne sont pas affectés par les styles à portée limitée, mais vous pouvez tout de même les styliser en utilisant des sélecteurs profonds.\n:::\n\n### Sélecteurs de slots \n\nPar défaut, les styles à portée limitée n'affectent pas les contenus rendus par ``, car ils sont considérés comme appartenant au composant parent qui les transmet. Pour cibler explicitement le contenu des slots, utilisez la pseudo-classe `:slotted` :\n\n```vue\n\n```\n\n### Sélecteurs globaux \n\nSi vous voulez qu'une seule règle s'applique de manière globale, vous pouvez utiliser la pseudo-classe `:global` plutôt que de créer un autre `\n```\n\n### Mélanger les styles locaux et globaux \n\nVous pouvez également inclure des styles généraux et d'autres à portée limitée dans le même composant :\n\n```vue\n\n\n\n```\n\n### Conseils concernant les styles à portée limitée \n\n- **Les styles à portée limitée ne rendent pas les classes inutiles**. En raison de la façon dont les navigateurs rendent les différents sélecteurs CSS, `p { color : red }` sera bien plus lent lorsqu'il a une portée limitée (c'est-à-dire lorsqu'il est combiné avec un sélecteur d'attribut). Si vous utilisez des classes ou des identifiants à la place, comme dans `.example { color : red }`, vous éliminez en grande partie ce problème de performances.\n\n- **Faites attention aux sélecteurs descendants dans les composants récursifs!** Pour une règle CSS avec le sélecteur `.a .b`, si l'élément qui correspond à `.a` contient un composant enfant récursif, alors tous les `.b` de ce composant enfant seront pris en compte par la règle.\n"
+ "value": "Lorsqu'une balise `\n\n\n
hi
\n\n```\n\nEn ce qui suit :\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Éléments racines du composant enfant \n\nAvec `scoped`, les styles du composant parent ne ruisselleront pas dans les composants enfants. Toutefois, le nœud racine d'un composant enfant sera affecté à la fois par le CSS à portée limitée du parent et par le CSS à portée limitée de l'enfant. Cela a été conçu afin que le parent puisse donner un style à l'élément racine de l'enfant à des fins de mise en page.\n\n### Sélecteurs profonds \n\nSi vous voulez qu'un sélecteur dans les styles `scoped` soit \"profond\", c'est-à-dire qu'il affecte les composants enfants, vous pouvez utiliser la pseudo-classe `:deep()` :\n\n```vue\n\n```\n\nLe code ci-dessus sera compilé en :\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nLes contenus du DOM créés avec `v-html` ne sont pas affectés par les styles à portée limitée, mais vous pouvez tout de même les styliser en utilisant des sélecteurs profonds.\n:::\n\n### Sélecteurs de slots \n\nPar défaut, les styles à portée limitée n'affectent pas les contenus rendus par ``, car ils sont considérés comme appartenant au composant parent qui les transmet. Pour cibler explicitement le contenu des slots, utilisez la pseudo-classe `:slotted` :\n\n```vue\n\n```\n\n### Sélecteurs globaux \n\nSi vous voulez qu'une seule règle s'applique de manière globale, vous pouvez utiliser la pseudo-classe `:global` plutôt que de créer un autre `\n```\n\n### Mélanger les styles locaux et globaux \n\nVous pouvez également inclure des styles généraux et d'autres à portée limitée dans le même composant :\n\n```vue\n\n\n\n```\n\n### Conseils concernant les styles à portée limitée \n\n- **Les styles à portée limitée ne rendent pas les classes inutiles**. En raison de la façon dont les navigateurs rendent les différents sélecteurs CSS, `p { color : red }` sera bien plus lent lorsqu'il a une portée limitée (c'est-à-dire lorsqu'il est combiné avec un sélecteur d'attribut). Si vous utilisez des classes ou des identifiants à la place, comme dans `.example { color : red }`, vous éliminez en grande partie ce problème de performances.\n\n- **Faites attention aux sélecteurs descendants dans les composants récursifs!** Pour une règle CSS avec le sélecteur `.a .b`, si l'élément qui correspond à `.a` contient un composant enfant récursif, alors tous les `.b` de ce composant enfant seront pris en compte par la règle."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nUne balise `\n```\n\nLes classes qui en résultent sont hachées pour éviter les collisions, ce qui permet d'obtenir le même effet que de limiter la portée du CSS au seul composant actuel.\n\nConsultez la [spécification des modules CSS](https://github.com/css-modules/css-modules) pour plus de détails, notamment les parties sur les [exceptions globales](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) et la [composition](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition).\n\n### Nom d'injection personnalisé \n\nVous pouvez personnaliser la clé de propriété de l'objet de classes injectées en donnant une valeur à l'attribut `module` :\n\n```vue\n\n
red
\n\n\n\n```\n\n### Utilisation avec la Composition API \n\nLes classes injectées sont accessibles dans `setup()` et `\n\n\n
rouge
\n\n\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": "zh-hk",
- "url": "https://zh-hk.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"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- Un seul fichier `*.vue` peut contenir plusieurs balises `\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nDes blocs personnalisés supplémentaires peuvent être inclus dans un fichier `*.vue` pour tout besoin spécifique au projet, par exemple un bloc ``. Voici quelques exemples concrets de blocs personnalisés :\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nLa gestion des blocs personnalisés dépendra des outils utilisés - si vous souhaitez créer vos propres intégrations de blocs personnalisés, consultez [la section dédiée aux outils](https://fr.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) pour plus de détails.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "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"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- }
- ]
+ "references": "api/sfc-spec.html#blocs-personnalisés"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\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)"
},
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n\n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/it.json b/packages/language-service/data/language-blocks/it.json
index 75a08e0460..d34d425a9f 100644
--- a/packages/language-service/data/language-blocks/it.json
+++ b/packages/language-service/data/language-blocks/it.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n\n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Ogni file `*.vue` può contenere massimo un blocco ``.\n\n- I suoi contenuti verranno estratti e passati al `@vue/compiler-dom`, pre-compilati in render function di JavaScript, e collegati al componente esportato come sua opzione`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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n\n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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)"
},
"values": [
{
@@ -278,60 +66,7 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Ogni file `*.vue` può contenere al massimo un blocco `\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n\n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\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)"
},
"values": [
{
@@ -610,244 +133,32 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nQuando un tag `\n\n\n
ciao
\n\n```\n\nIn questo:\n\n```vue\n\n\n\n
ciao
\n\n```\n\n### Elementi Root dei componenti figli \n\nCon l'attributo `scoped`, gli stili del componente genitore non si propagheranno nei componenti figlio. Tuttavia, il nodo radice di un componente figlio sarà influenzato sia dagli stili scoped del genitore che da quelli del figlio. Questo è progettato in modo che il genitore possa stilizzare l'elemento radice del figlio per scopi di layout.\n\n### Selettori in profondità \n\nSe desideri che un selettore negli stili `scoped` abbia effetto anche sui componenti figlio, puoi utilizzare la pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nIl codice sopra verrà compilato in:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nIl contenuto DOM creato con `v-html` non è influenzato dagli stili scoped, ma puoi comunque stilizzarlo utilizzando i selettori deep.\n:::\n\n### Selettori degli slot \n\nPer impostazione predefinita, gli stili scoped non influenzano il contenuto renderizzato da ``, poiché sono considerati di proprietà del componente genitore che li passa. Per puntare in modo esplicito al contenuto dello slot, utilizza la pseudo-classe `:slotted`:\n\n```vue\n\n```\n\n### Selettori globali \n\nSe vuoi applicare una regola globalmente, puoi utilizzare la pseudo-classe `:global` anziché creare un altro blocco `\n```\n\n### Mixare stili locali e globali \n\nPuoi anche includere stili sia scoped che non scoped nello stesso componente:\n\n```vue\n\n\n\n```\n\n### Tips per lo style scoped \n\n- **Gli stili scoped non eliminano la necessità delle classi.**. A causa del modo in cui i browser interpretano i diversi selettori CSS, `p { color: red }` sarà molto più lento quando è scoped (ossia quando è combinato con un selettore di attributo). Se invece usi classi o id, come ad esempio `.example { color: red }`, eliminerai praticamente questo impatto sulle prestazioni.\n\n- **Fai attenzione ai selettori discendenti nei componenti ricorsivi!** Per una regola CSS con il selettore `.a .b`, se l'elemento che corrisponde a `.a` contiene un componente figlio ricorsivo, allora a tutti i `.b` in quel componente figlio verrà applicata quella regola.\n"
+ "value": "Quando un tag `\n\n\n
ciao
\n\n```\n\nIn questo:\n\n```vue\n\n\n\n
ciao
\n\n```\n\n### Elementi Root dei componenti figli \n\nCon l'attributo `scoped`, gli stili del componente genitore non si propagheranno nei componenti figlio. Tuttavia, il nodo radice di un componente figlio sarà influenzato sia dagli stili scoped del genitore che da quelli del figlio. Questo è progettato in modo che il genitore possa stilizzare l'elemento radice del figlio per scopi di layout.\n\n### Selettori in profondità \n\nSe desideri che un selettore negli stili `scoped` abbia effetto anche sui componenti figlio, puoi utilizzare la pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nIl codice sopra verrà compilato in:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nIl contenuto DOM creato con `v-html` non è influenzato dagli stili scoped, ma puoi comunque stilizzarlo utilizzando i selettori deep.\n:::\n\n### Selettori degli slot \n\nPer impostazione predefinita, gli stili scoped non influenzano il contenuto renderizzato da ``, poiché sono considerati di proprietà del componente genitore che li passa. Per puntare in modo esplicito al contenuto dello slot, utilizza la pseudo-classe `:slotted`:\n\n```vue\n\n```\n\n### Selettori globali \n\nSe vuoi applicare una regola globalmente, puoi utilizzare la pseudo-classe `:global` anziché creare un altro blocco `\n```\n\n### Mixare stili locali e globali \n\nPuoi anche includere stili sia scoped che non scoped nello stesso componente:\n\n```vue\n\n\n\n```\n\n### Tips per lo style scoped \n\n- **Gli stili scoped non eliminano la necessità delle classi.**. A causa del modo in cui i browser interpretano i diversi selettori CSS, `p { color: red }` sarà molto più lento quando è scoped (ossia quando è combinato con un selettore di attributo). Se invece usi classi o id, come ad esempio `.example { color: red }`, eliminerai praticamente questo impatto sulle prestazioni.\n\n- **Fai attenzione ai selettori discendenti nei componenti ricorsivi!** Per una regola CSS con il selettore `.a .b`, se l'elemento che corrisponde a `.a` contiene un componente figlio ricorsivo, allora a tutti i `.b` in quel componente figlio verrà applicata quella regola."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nUn tag `\n```\n\nLe classi risultanti sono hashate per evitare collisioni, ottenendo lo stesso effetto di delimitazione degli stili CSS per il solo componente corrente.\n\nFai riferimento alle [spec dei moduli CSS](https://github.com/css-modules/css-modules) per ulteriori dettagli come le [eccezioni globali](https://github.com/css-modules/css-modules#exceptions) e [composition](https://github.com/css-modules/css-modules#composition).\n\n### Nome Personalizzato per Inject \n\nPuoi personalizzare la chiave di proprietà dell'oggetto delle classi iniettate assegnando un valore all'attributo `module`:\n\n```vue\n\n
\n\n```\n\n### 자식 컴포넌트 루트 엘리먼트 \n\n`scoped`를 사용하면 부모 컴포넌트의 스타일이 자식 컴포넌트로 누출되지 않습니다. 그러나 자식 컴포넌트의 루트 노드는 부모의 범위가 지정된 CSS와 자식의 범위가 지정된 CSS 모두의 영향을 받습니다. 이것은 부모가 레이아웃 목적으로 자식 루트 엘리먼트의 스타일을 지정할 수 있도록 의도적으로 설계된 것입니다:\n\n### 깊은 셀렉터 \n\n`scoped` 스타일의 셀렉터를 \"깊게\"(즉, 자식 컴포넌트에 영향을 미치게 하려면) `:deep()` 의사 클래스를 사용할 수 있습니다:\n\n```vue\n\n```\n\n위의 내용은 다음과 같이 컴파일됩니다:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n`v-html`로 만든 DOM 컨텐츠는 범위가 지정된 스타일의 영향을 받지 않지만, 깊은 셀렉터를 사용하여 스타일을 지정할 수 있습니다.\n:::\n\n### 슬롯형 셀렉터 \n\n기본적으로 범위가 지정된 스타일은 ``에 의해 렌더링된 컨텐츠에 영향을 미치지 않습니다. 스타일을 전달하는 부모 컴포넌트가 소유한 것으로 간주되기 때문입니다. 슬롯 컨텐츠를 명시적으로 대상으로 지정하려면, `:slotted` 의사 클래스를 사용해야 합니다:\n\n```vue\n\n```\n\n### 전역 셀렉터 \n\n하나의 규칙만 전역적으로 적용하려면, 다른 `\n```\n\n### 로컬 및 전역 스타일 혼합 \n\n동일한 컴포넌트에 범위가 지정된 스타일과 범위가 지정되지 않은 스타일을 모두 포함할 수도 있습니다:\n\n```vue\n\n\n\n```\n\n### 범위가 지정된 스타일 팁 \n\n- **범위가 지정된 스타일은 클래스의 필요성을 제거하지 않습니다**. 브라우저가 다양한 CSS 셀렉터를 렌더링하는 방식 때문에, `p { color: red }`처럼 범위를 지정할 때(즉, 속성 셀렉터와 결합될 때) 속도가 몇 배 느려집니다. `.example { color: red }`와 같이 클래스나 ID를 사용하면, 성능 저하를 거의 제거할 수 있습니다.\n\n- **재귀적 컴포넌트의 자손 셀렉터에 주의해야 합니다!** 셀렉터가 `.a .b`인 CSS 규칙의 경우, `.a`와 일치하는 엘리먼트가 재귀적인 자식 컴포넌트를 포함한다면, 해당 자식 컴포넌트의 모든 `.b`는 규칙과 일치하게 됩니다.\n"
+ "value": "`\n\n\n
안녕!
\n\n```\n\n다음으로:\n\n```vue\n\n\n\n
안녕!
\n\n```\n\n### 자식 컴포넌트 루트 엘리먼트 \n\n`scoped`를 사용하면 부모 컴포넌트의 스타일이 자식 컴포넌트로 누출되지 않습니다. 그러나 자식 컴포넌트의 루트 노드는 부모의 범위가 지정된 CSS와 자식의 범위가 지정된 CSS 모두의 영향을 받습니다. 이것은 부모가 레이아웃 목적으로 자식 루트 엘리먼트의 스타일을 지정할 수 있도록 의도적으로 설계된 것입니다:\n\n### 깊은 셀렉터 \n\n`scoped` 스타일의 셀렉터를 \"깊게\"(즉, 자식 컴포넌트에 영향을 미치게 하려면) `:deep()` 의사 클래스를 사용할 수 있습니다:\n\n```vue\n\n```\n\n위의 내용은 다음과 같이 컴파일됩니다:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n`v-html`로 만든 DOM 컨텐츠는 범위가 지정된 스타일의 영향을 받지 않지만, 깊은 셀렉터를 사용하여 스타일을 지정할 수 있습니다.\n:::\n\n### 슬롯형 셀렉터 \n\n기본적으로 범위가 지정된 스타일은 ``에 의해 렌더링된 컨텐츠에 영향을 미치지 않습니다. 스타일을 전달하는 부모 컴포넌트가 소유한 것으로 간주되기 때문입니다. 슬롯 컨텐츠를 명시적으로 대상으로 지정하려면, `:slotted` 의사 클래스를 사용해야 합니다:\n\n```vue\n\n```\n\n### 전역 셀렉터 \n\n하나의 규칙만 전역적으로 적용하려면, 다른 `\n```\n\n### 로컬 및 전역 스타일 혼합 \n\n동일한 컴포넌트에 범위가 지정된 스타일과 범위가 지정되지 않은 스타일을 모두 포함할 수도 있습니다:\n\n```vue\n\n\n\n```\n\n### 범위가 지정된 스타일 팁 \n\n- **범위가 지정된 스타일은 클래스의 필요성을 제거하지 않습니다**. 브라우저가 다양한 CSS 셀렉터를 렌더링하는 방식 때문에, `p { color: red }`처럼 범위를 지정할 때(즉, 속성 셀렉터와 결합될 때) 속도가 몇 배 느려집니다. `.example { color: red }`와 같이 클래스나 ID를 사용하면, 성능 저하를 거의 제거할 수 있습니다.\n\n- **재귀적 컴포넌트의 자손 셀렉터에 주의해야 합니다!** 셀렉터가 `.a .b`인 CSS 규칙의 경우, `.a`와 일치하는 엘리먼트가 재귀적인 자식 컴포넌트를 포함한다면, 해당 자식 컴포넌트의 모든 `.b`는 규칙과 일치하게 됩니다."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\n`\n```\n\n결과적인 클래스는 충돌을 피하기 위해 해시되어, CSS 범위를 현재 컴포넌트로만 지정하는 것과 동일한 효과를 얻습니다.\n\n[전역 예외](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions), [컴포지션](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition) 등의 자세한 사항은 [CSS 모듈 스팩](https://github.com/css-modules/css-modules)을 참고하십시오.\n\n### 커스텀 이름 삽입 \n\n`module` 속성에 값을 지정하여, 주입된 클래스 객체의 속성 키를 커스텀할 수 있습니다:\n\n```vue\n\n
red
\n\n\n\n```\n\n### 컴포지션 API와 함께 사용 \n\n주입된 클래스는 `useCssModule` API를 통해 `setup()` 및 `\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n\n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\n프로젝트별 요구 사항에 따라 `*.vue` 파일에 추가 커스텀 블록을 포함할 수 있습니다(예: `` 블록).\n커스텀 블록의 실제 예는 다음과 같습니다:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\n커스텀 블록 처리는 도구에 따라 다릅니다.\n자체 커스텀 블록 통합을 구축하려는 경우 자세한 내용은 [SFC 커스텀 블록 통합 도구 섹션](https://ko.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)을 참고하십시오.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- }
- ]
+ "references": "api/sfc-spec.html#커스텀-블럭"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n\n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/pt.json b/packages/language-service/data/language-blocks/pt.json
index dd456ac070..3ed02e9f92 100644
--- a/packages/language-service/data/language-blocks/pt.json
+++ b/packages/language-service/data/language-blocks/pt.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n\n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Cada ficheiro `*.vue` pode conter no máximo um bloco `` de alto nível.\n\n- O conteúdo será extraído e passado ao `@vuw/compiler-dom`, pré-compilado dentro de funções de interpretação de 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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n\n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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)"
},
"values": [
{
@@ -278,60 +66,7 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Cada ficheiro `*.vue` pode conter no máximo um bloco `\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n\n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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)"
},
"values": [
{
@@ -610,244 +133,32 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nQuando um marcador `\n\n\n
hi
\n\n```\n\nNo seguinte:\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Elementos de Raiz do Componente Filho \n\nCom `scoped`, os estilos do componente pai não passarão para os componentes filhos. No entanto, um nó de raiz do componente filho será afetado por ambas CSS isolada do pai e a CSS isolada do filho. Isto é de propósito para que o pai possa estilizar o elemento de raiz filho para fins de disposição.\n\n### Seletores Profundos \n\nSe quisermos que um seletor nos estilos `scoped` torne-se \"profundo\", ou seja, afete componentes filho, podemos usar a pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nO código acima será compilado para:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip DICA\nOs conteúdos do DOM criados com `v-html` não são afetados pelos estilos isolados, mas ainda podemos estilizá-los usando seletores profundos.\n:::\n\n### Seletores Inseridos \n\nPor padrão, os estilos isolados não afetam os conteúdos interpretados pelo ``, uma vez que são considerados ser propriedade do componente pai que está a passá-los. Para explicitamente atingir o conteúdo da ranhura, usamos a pseudo-classe `:slotted`:\n\n```vue\n\n```\n\n### Seletores Globais \n\nSe quisermos que apenas uma regra aplique-se globalmente, podemos usar a pseudo-classe `:global` ao invés de criar um outro `\n```\n\n### Misturando Estilos Locais e Globais \n\nNós também podemos incluir ambos estilos isolados e não isolados no mesmo componente:\n\n```vue\n\n\n\n```\n\n### Dicas de Estilo Isolado \n\n- **Os estilos isolados não eliminam a necessidade de classes**. Por causa da maneira que os navegadores interpretam os vários seletores de CSS, `p { color: red }` será muitas vezes mais lento quando isolado (ou seja, quando combinado com um seletor de atributo). Se usarmos as classes (por exemplo, `.class-name`) ou identificadores (por exemplo, `#id-name`), tal como em `.example { color: red }`, então eliminamos virtualmente este impacto de desempenho.\n\n- **Temos que ter cuidado com os seletores de descendentes nos componentes recursivos!** Para um regara de CSS com o seletor `.a .b`, se o elemento que corresponde `.a` contiver um componente filho recursivo, então todos os `.b` neste componente filho serão correspondidos pela regra.\n"
+ "value": "Quando um marcador `\n\n\n
hi
\n\n```\n\nNo seguinte:\n\n```vue\n\n\n\n
hi
\n\n```\n\n### Elementos de Raiz do Componente Filho \n\nCom `scoped`, os estilos do componente pai não passarão para os componentes filhos. No entanto, um nó de raiz do componente filho será afetado por ambas CSS isolada do pai e a CSS isolada do filho. Isto é de propósito para que o pai possa estilizar o elemento de raiz filho para fins de disposição.\n\n### Seletores Profundos \n\nSe quisermos que um seletor nos estilos `scoped` torne-se \"profundo\", ou seja, afete componentes filho, podemos usar a pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nO código acima será compilado para:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip DICA\nOs conteúdos do DOM criados com `v-html` não são afetados pelos estilos isolados, mas ainda podemos estilizá-los usando seletores profundos.\n:::\n\n### Seletores Inseridos \n\nPor padrão, os estilos isolados não afetam os conteúdos interpretados pelo ``, uma vez que são considerados ser propriedade do componente pai que está a passá-los. Para explicitamente atingir o conteúdo da ranhura, usamos a pseudo-classe `:slotted`:\n\n```vue\n\n```\n\n### Seletores Globais \n\nSe quisermos que apenas uma regra aplique-se globalmente, podemos usar a pseudo-classe `:global` ao invés de criar um outro `\n```\n\n### Misturando Estilos Locais e Globais \n\nNós também podemos incluir ambos estilos isolados e não isolados no mesmo componente:\n\n```vue\n\n\n\n```\n\n### Dicas de Estilo Isolado \n\n- **Os estilos isolados não eliminam a necessidade de classes**. Por causa da maneira que os navegadores interpretam os vários seletores de CSS, `p { color: red }` será muitas vezes mais lento quando isolado (ou seja, quando combinado com um seletor de atributo). Se usarmos as classes (por exemplo, `.class-name`) ou identificadores (por exemplo, `#id-name`), tal como em `.example { color: red }`, então eliminamos virtualmente este impacto de desempenho.\n\n- **Temos que ter cuidado com os seletores de descendentes nos componentes recursivos!** Para um regara de CSS com o seletor `.a .b`, se o elemento que corresponde `.a` contiver um componente filho recursivo, então todos os `.b` neste componente filho serão correspondidos pela regra."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nUm marcador `\n```\n\nAs classes resultantes têm o seu nome gerados com caracteres embaralhados para evitar colisões, alcançando o mesmo efeito de isolar o CSS apenas ao componente atual.\n\nConsulte a [especificação dos Módulos de CSS](https://github.com/css-modules/css-modules) por mais detalhes, tais como [exceções globais](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) e [composição](https://github.com/css-modules/css-modules#composition).\n\n### Nome de Injeção Personalizado \n\nNós podemos personalizar a chave da propriedade do objeto de classes injetadas dando ao atributo `module` um valor:\n\n```vue\n\n
red
\n\n\n\n```\n\n### Uso com API de Composição \n\nAs classes injetadas podem ser acessadas na `setup()` e no `\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n\n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nOs blocos personalizados podem ser incluídos num ficheiro `*.vue` por qualquer necessidade específica do projeto, por exemplo um bloco ``. Alguns exemplos do mundo real de blocos personalizados incluem:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\nA manipulação dos blocos personalizados dependerá do ferramental - se quisermos construir as nossas próprias integrações de bloco personalizado, podemos consultar a [seção de ferramental de integrações de bloco personalizado do Componente de Ficheiro Único](https://pt.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) por mais detalhes.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- }
- ]
+ "references": "api/sfc-spec.html#blocos-personalizados"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#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)"
},
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n\n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/ru.json b/packages/language-service/data/language-blocks/ru.json
index fbd8e21c06..391043c99a 100644
--- a/packages/language-service/data/language-blocks/ru.json
+++ b/packages/language-service/data/language-blocks/ru.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nЕсли вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- В каждом файле `*.vue` может быть не более одной секции `` верхнего уровня.\n\n- Содержимое будет извлечено и передано в `@vue/compiler-dom`, где предварительно скомпилируется в render-функцию JavaScript и будет присоединено к экспортируемому компоненту в качестве его опции `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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nЕсли вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- В каждом файле `*.vue` может быть не более одной секции`\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n\n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nКогда секция `\n\n\n
привет
\n\n```\n\nВ этот код:\n\n```vue\n\n\n\n
привет
\n\n```\n\n### Корневые элементы дочернего компонента \n\nПри использовании `scoped` стили родительского компонента не будут проникать в дочерние компоненты. Однако корневой элемент дочернего компонента будет подвержен влиянию как родительского, так и дочернего CSS. Это сделано специально для того, чтобы родитель мог стилизовать корневой элемент дочернего компонента в целях вёрстки.\n\n### Глубокие селекторы \n\nЕсли требуется, чтобы селектор в `scoped` стилях был \"глубоким\", т.е. влиял на дочерние компоненты, можно использовать псевдокласс `:deep()`:\n\n```vue\n\n```\n\nКод выше будет скомпилирован в:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip Совет\nСодержимое DOM, созданное при помощи `v-html`, не подвержено влиянию стилей c ограниченной областью действия, но его все же можно стилизовать с помощью глубоких селекторов.\n:::\n\n### Селекторы слотов \n\nПо умолчанию стили с ограниченной областью действия не влияют на содержимое, отображаемое с помощью ``, так как считается, что оно принадлежит родительскому компоненту, который его передаёт. Чтобы явно указать на содержимое слота, используйте псевдокласс `:slotted`:\n\n```vue\n\n```\n\n### Глобальные селекторы \n\nЕсли необходимо, чтобы одно правило применялось глобально, можно использовать псевдокласс `:global`, а не создавать еще одну секцию `\n```\n\n### Сочетание локальных и глобальных стилей \n\nВ одном компоненте можно вместе использовать как scoped, так и обычные секции style:\n\n```vue\n\n\n\n```\n\n### Советы по использованию стилей с ограниченной областью действия \n\n- **Стили с ограниченной областью действия не избавляют от необходимости использования классов**. Ввиду того, как браузеры отрисовывают различные CSS-селекторы, `p { color: red }` будет работать гораздо медленнее при использовании стилей с ограниченной областью действия (т.е. в сочетании с селектором атрибутов). Если вместо этого использовать классы или идентификаторы, как, например, в `.example { color: red }`, то это практически исключает снижение производительности.\n\n- **Будьте осторожны с селекторами потомков в рекурсивных компонентах!** Для правила CSS с селектором `.a .b`, если элемент, соответствующий `.a`, содержит рекурсивный дочерний компонент, то все `.b` в этом дочернем компоненте будут соответствовать правилу.\n"
+ "value": "Когда секция `\n\n\n
привет
\n\n```\n\nВ этот код:\n\n```vue\n\n\n\n
привет
\n\n```\n\n### Корневые элементы дочернего компонента \n\nПри использовании `scoped` стили родительского компонента не будут проникать в дочерние компоненты. Однако корневой элемент дочернего компонента будет подвержен влиянию как родительского, так и дочернего CSS. Это сделано специально для того, чтобы родитель мог стилизовать корневой элемент дочернего компонента в целях вёрстки.\n\n### Глубокие селекторы \n\nЕсли требуется, чтобы селектор в `scoped` стилях был \"глубоким\", т.е. влиял на дочерние компоненты, можно использовать псевдокласс `:deep()`:\n\n```vue\n\n```\n\nКод выше будет скомпилирован в:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip Совет\nСодержимое DOM, созданное при помощи `v-html`, не подвержено влиянию стилей c ограниченной областью действия, но его все же можно стилизовать с помощью глубоких селекторов.\n:::\n\n### Селекторы слотов \n\nПо умолчанию стили с ограниченной областью действия не влияют на содержимое, отображаемое с помощью ``, так как считается, что оно принадлежит родительскому компоненту, который его передаёт. Чтобы явно указать на содержимое слота, используйте псевдокласс `:slotted`:\n\n```vue\n\n```\n\n### Глобальные селекторы \n\nЕсли необходимо, чтобы одно правило применялось глобально, можно использовать псевдокласс `:global`, а не создавать еще одну секцию `\n```\n\n### Сочетание локальных и глобальных стилей \n\nВ одном компоненте можно вместе использовать как scoped, так и обычные секции style:\n\n```vue\n\n\n\n```\n\n### Советы по использованию стилей с ограниченной областью действия \n\n- **Стили с ограниченной областью действия не избавляют от необходимости использования классов**. Ввиду того, как браузеры отрисовывают различные CSS-селекторы, `p { color: red }` будет работать гораздо медленнее при использовании стилей с ограниченной областью действия (т.е. в сочетании с селектором атрибутов). Если вместо этого использовать классы или идентификаторы, как, например, в `.example { color: red }`, то это практически исключает снижение производительности.\n\n- **Будьте осторожны с селекторами потомков в рекурсивных компонентах!** Для правила CSS с селектором `.a .b`, если элемент, соответствующий `.a`, содержит рекурсивный дочерний компонент, то все `.b` в этом дочернем компоненте будут соответствовать правилу."
},
- "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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
- }
- ]
+ "references": "api/sfc-css-features.html#scoped-css"
},
{
"name": "module",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nСекция `\n```\n\nПолученные классы хэшируются во избежание коллизий, что позволяет добиться того же эффекта, что и при выборе CSS с ограниченной областью действия только для текущего компонента.\n\nОбратитесь к [спецификации CSS модулей](https://github.com/css-modules/css-modules) для получения более подробной информации, такой как [глобальные исключения](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) и [композиция](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition).\n\n### Внедрение пользовательского имени \n\nМожно настроить ключ свойства объекта внедряемых классов, указав значение атрибуту `module`:\n\n```vue\n\n
red
\n\n\n\n```\n\n### Использование с Composition API \n\nДоступ к внедряемым классам можно получить в `setup()` и `\n\n\n
\n \n ```\n\n- **Viz také:** [Průvodce - Transition](https://cs.vuejs.org/guide/built-ins/transition.html)\n"
+ "value": "\nPoskytuje animované přechodové (transition) efekty pro **jeden** element nebo **jednu** komponentu.\n\n- **Props**\n\n ```ts\n interface TransitionProps {\n /**\n * Slouží k automatickému generování názvů CSS tříd pro přechody.\n * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,\n * `.fade-enter-active` atd.\n */\n name?: string\n /**\n * Určuje, zda se mají CSS třídy přechodů použít.\n * Výchozí hodnota: true\n */\n css?: boolean\n /**\n * Určuje typ událostí přechodů, na které se má čekat\n * pro určení času ukončení přechodu.\n * Výchozí chování je automatické detekování typu s delší dobou trvání.\n */\n type?: 'transition' | 'animation'\n /**\n * Určuje explicitní doby trvání přechodu.\n * Výchozí chování je čekání na první událost `transitionend`\n * nebo `animationend` na root elementu přechodu.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Ovládá časovou posloupnost přechodů při vstupu/výstupu.\n * Výchozí chování je současné provedení.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Určuje, zda se má přechod aplikovat při počátečním vykreslení.\n * Výchozí hodnota: false\n */\n appear?: boolean\n\n /**\n * Vlastnosti pro přizpůsobení tříd přechodů.\n * V šablonách použijte kebab-case zápis, např. 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- **Události**\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` (pouze pro `v-show`)\n - `@appear-cancelled`\n\n- **Příklad**\n\n Jednoduchý element:\n\n ```html\n \n
\n \n ```\n\n- **Viz také:** [Průvodce – Transition](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#transition"
- }
- ]
+ "references": "api/built-in-components.html#transition"
},
{
"name": "TransitionGroup",
"description": {
"kind": "markdown",
- "value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `` přijímá stejné props jako `` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `` emituje stejné události jako ``.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\n\n ```html\n \n
\n {{ item.text }}\n
\n \n ```\n\n- **Viz také:** [Průvodce - TransitionGroup](https://cs.vuejs.org/guide/built-ins/transition-group.html)\n"
+ "value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `` přijímá stejné props jako `` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `` emituje stejné události jako ``.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\n\n ```html\n \n
\n {{ item.text }}\n
\n \n ```\n\n- **Viz také:** [Průvodce – TransitionGroup](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#transitiongroup"
- }
- ]
+ "references": "api/built-in-components.html#transitiongroup"
},
{
"name": "KeepAlive",
"description": {
"kind": "markdown",
- "value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka ``, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n \n \n \n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\n\n ```html\n \n 1\">\n \n \n ```\n\n Použití společně s ``:\n\n ```html\n \n \n \n \n \n ```\n\n Použití `include` / `exclude`:\n\n ```html\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n ```\n\n Použití s `max`:\n\n ```html\n \n \n \n ```\n\n- **Viz také:** [Průvodce - KeepAlive](https://cs.vuejs.org/guide/built-ins/keep-alive.html)\n"
+ "value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka ``, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n \n \n \n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\n\n ```html\n \n 1\">\n \n \n ```\n\n Použití společně s ``:\n\n ```html\n \n \n \n \n \n ```\n\n Použití `include` / `exclude`:\n\n ```html\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n ```\n\n Použití s `max`:\n\n ```html\n \n \n \n ```\n\n- **Viz také:** [Průvodce – KeepAlive](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#keepalive"
- }
- ]
+ "references": "api/built-in-components.html#keepalive"
},
{
"name": "Teleport",
"description": {
"kind": "markdown",
- "value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n \n \n \n ```\n\n Podmíněné vypnutí:\n\n ```html\n \n \n ```\n\n- **Viz také:** [Průvodce - Teleport](https://cs.vuejs.org/guide/built-ins/teleport.html)\n"
+ "value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean \n /**\n * Když je `true`, Teleport bude před vyhodnocením\n * svého cíle odložen (defer), dokud nebudou \n * připojeny (mounted) další části aplikace (Vue 3.5+)\n */\n defer?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n \n \n \n ```\n\n Podmíněné vypnutí:\n\n ```html\n \n \n ```\n\n Odložení vyhodnocení cíle:\n\n ```html\n ...\n \n \n ```\n\n- **Viz také:** [Průvodce – Teleport](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#teleport"
- }
- ]
+ "references": "api/built-in-components.html#teleport"
},
{
"name": "Suspense",
"description": {
"kind": "markdown",
- "value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce - Suspense](https://cs.vuejs.org/guide/built-ins/suspense.html)\n"
+ "value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce – Suspense](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#suspense"
- }
- ]
+ "references": "api/built-in-components.html#suspense"
},
{
"name": "component",
@@ -318,184 +53,25 @@
"value": "\n„Meta komponenta“ pro vykreslování dynamických komponent nebo elementů.\n\n- **Props**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Podrobnosti**\n\n Skutečná komponenta k vykreslení je určena vlastností `is`.\n\n - Když je `is` řetězec, může to být buď název HTML tagu nebo zaregistrovaný název komponenty.\n\n - Alternativně může být `is` vázán přímo na definici komponenty.\n\n- **Příklad**\n\n Vykreslování komponent podle zaregistrovaného názvu (Options API):\n\n ```vue\n \n\n \n \n \n ```\n\n Vykreslování komponent podle definice (Composition API se `\n\n \n 0.5 ? Foo : Bar\" />\n \n ```\n\n Vykreslování HTML elementů:\n\n ```html\n \n ```\n\n Do `is` lze předat všechny [vestavěné komponenty](./built-in-components), ale musíte je zaregistrovat, pokud je chcete předávat jménem. Například:\n\n ```vue\n \n\n \n \n ...\n \n \n ```\n\n Registrace není vyžadována, pokud do `is` místo jejího názvu předáte samotnou komponentu, např. ve `\n\n \n \n \n \n ```\n\n V praxi se tento okrajový případ běžně nevyskytuje, protože nativní formulářová pole jsou ve skutečných aplikacích obvykle obalena komponentami. Pokud však skutečně potřebujete použít nativní element přímo, můžete `v-model` ručně rozdělit na atribut a událost.\n\n- **Viz také:** [Dynamické komponenty](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#component"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#component"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#component"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#component"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#component"
- }
- ]
+ "references": "api/built-in-special-elements.html#component"
},
{
"name": "slot",
"description": {
"kind": "markdown",
- "value": "\nUrčuje prostor pro vložený obsah uvnitř šablon.\n\n- **Props** \n\n ```ts\n interface SlotProps {\n /**\n * Jakékoli vlastnosti předané do budou předány jako argumenty\n * pro scoped sloty\n */\n [key: string]: any\n /**\n * Rezervováno pro specifikaci jména slotu.\n */\n name?: string\n }\n ```\n\n- **Podrobnosti**\n\n Element `` může použít atribut `name` k určení jména slotu. Pokud není specifikováno žádné jméno, bude vykreslen výchozí (default) slot. Další atributy předané do elementu slotu budou předány jako vlastnosti (props) scoped slotu definovaného v rodičovské komponentě.\n\n Samotný element bude nahrazen obsahem odpovídajícího slotu.\n\n `` elementy ve Vue šablonách jsou kompilovány do JavaScriptu, aby nedocházelo k jejich záměně s [nativními `` elementy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Viz také:** [Průvodce - Sloty](https://cs.vuejs.org/guide/components/slots.html)\n"
+ "value": "\nUrčuje prostor pro vložený obsah uvnitř šablon.\n\n- **Props** \n\n ```ts\n interface SlotProps {\n /**\n * Jakékoli vlastnosti předané do budou předány jako parametry\n * pro scoped sloty\n */\n [key: string]: any\n /**\n * Rezervováno pro specifikaci jména slotu.\n */\n name?: string\n }\n ```\n\n- **Podrobnosti**\n\n Element `` může použít atribut `name` k určení jména slotu. Pokud není specifikováno žádné jméno, bude vykreslen výchozí (default) slot. Další atributy předané do elementu slotu budou předány jako vlastnosti (props) scoped slotu definovaného v rodičovské komponentě.\n\n Samotný element bude nahrazen obsahem odpovídajícího slotu.\n\n `` elementy ve Vue šablonách jsou kompilovány do JavaScriptu, aby nedocházelo k jejich záměně s [nativními `` elementy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Viz také:** [Průvodce – Sloty](https://cs.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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#slot"
- }
- ]
+ "references": "api/built-in-special-elements.html#slot"
},
{
"name": "template",
"description": {
"kind": "markdown",
- "value": "\nTag `` se používá jako placeholder, když chceme použít vestavěnou direktivu, aniž bychom vykreslovali element v DOM.\n\n- **Podrobnosti**\n\n Speciální obsluha je pro `` spuštěna pouze tehdy, pokud je tag použit spolu s jednou z těchto direktiv:\n\n - `v-if`, `v-else-if` nebo `v-else`\n - `v-for`\n - `v-slot`\n\n Pokud žádná z těchto direktiv přítomna není, bude vykreslen jako [nativní `` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n `` s `v-for` může mít také atribut [`key`](https://cs.vuejs.org/api/built-in-special-attributes.html#key). Všechny ostatní atributy a direktivy budou igorovány, protože nemají bez odpovídajícího prvku význam.\n\n Single-file komponenty (SFC) používají [tag `
![](\"~some-npm-package/foo.png\")
\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\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)"
},
"values": [
{
@@ -79,120 +26,14 @@
"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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Each `*.vue` file can contain at most one top-level `` block.\n\n- Contents will be extracted and passed on to `@vue/compiler-dom`, pre-compiled into JavaScript render functions, and attached to the exported component as its `render` option.\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": "zh-hk",
- "url": "https://zh-hk.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": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n