diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
deleted file mode 100644
index ed952f8895..0000000000
--- a/.github/CODEOWNERS
+++ /dev/null
@@ -1 +0,0 @@
-* @johnsoncodehk @so1ve @KazariEX @zhiyuanzmj @KermanX @davidmatter
diff --git a/.github/workflows/update-html-data.yml b/.github/workflows/update-html-data.yml
index fde2f6bccf..b228081acd 100644
--- a/.github/workflows/update-html-data.yml
+++ b/.github/workflows/update-html-data.yml
@@ -1,6 +1,9 @@
name: update-html-data
on:
+ push:
+ branches:
+ - 'master'
workflow_dispatch:
schedule:
- cron: '0 0 * * *'
diff --git a/extensions/vscode/README.md b/extensions/vscode/README.md
index 7f40f9765f..0271f714fe 100644
--- a/extensions/vscode/README.md
+++ b/extensions/vscode/README.md
@@ -259,13 +259,13 @@ Finally you need to make VS Code recognize your new extension and automatically
-| Command | Title |
-| ------------------------------ | ------------------------------------------------- |
-| `vue.action.restartServer` | Vue: Restart Vue and TS servers |
-| `vue.action.doctor` | Vue: Doctor |
-| `vue.action.writeVirtualFiles` | Vue (Debug): Write Virtual Files |
-| `vue.action.splitEditors` | Vue: Split \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"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "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)"
+ "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": [
{
@@ -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- Každý soubor `*.vue` může obsahovat maximálně jeden blok `` nejvyšší úrovně.\n\n- Obsah bude extrahován a předán do `@vue/compiler-dom`, předkompilován do JavaScriptových funkcí pro vykreslování a připojen k exportované komponentě jako její možnost (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",
@@ -203,66 +44,13 @@
"kind": "markdown",
"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"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "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)"
+ "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": [
{
@@ -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- Každý soubor `*.vue` může obsahovat maximálně jeden blok `\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"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "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)"
+ "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": [
{
@@ -610,60 +133,7 @@
"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",
@@ -672,60 +142,7 @@
"kind": "markdown",
"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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "Tag `\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```"
},
- "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,63 +184,10 @@
"name": "lang",
"description": {
"kind": "markdown",
- "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)"
+ "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",
@@ -1043,60 +195,7 @@
"kind": "markdown",
"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 b45bc0b229..b50baac0c3 100644
--- a/packages/language-service/data/language-blocks/en.json
+++ b/packages/language-service/data/language-blocks/en.json
@@ -10,60 +10,7 @@
"kind": "markdown",
"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",
@@ -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",
@@ -203,60 +44,7 @@
"kind": "markdown",
"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",
@@ -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\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",
@@ -610,60 +133,7 @@
"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",
@@ -672,60 +142,7 @@
"kind": "markdown",
"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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "A `\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\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": [
@@ -982,60 +187,7 @@
"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",
@@ -1043,60 +195,7 @@
"kind": "markdown",
"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 6e74e73aad..dce08a33da 100644
--- a/packages/language-service/data/language-blocks/fr.json
+++ b/packages/language-service/data/language-blocks/fr.json
@@ -10,60 +10,7 @@
"kind": "markdown",
"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",
@@ -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",
@@ -203,60 +44,7 @@
"kind": "markdown",
"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",
@@ -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\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",
@@ -610,60 +133,7 @@
"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",
@@ -672,60 +142,7 @@
"kind": "markdown",
"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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "Une 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
\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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "Un 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`는 규칙과 일치하게 됩니다."
},
- "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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "`\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
\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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "Um 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```"
},
- "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": [
@@ -982,60 +187,7 @@
"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",
@@ -1043,60 +195,7 @@
"kind": "markdown",
"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 fc5001f853..391043c99a 100644
--- a/packages/language-service/data/language-blocks/ru.json
+++ b/packages/language-service/data/language-blocks/ru.json
@@ -10,60 +10,7 @@
"kind": "markdown",
"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",
@@ -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",
@@ -203,60 +44,7 @@
"kind": "markdown",
"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",
@@ -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\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",
@@ -610,60 +133,7 @@
"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",
@@ -672,60 +142,7 @@
"kind": "markdown",
"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",
@@ -734,120 +151,14 @@
"kind": "markdown",
"value": "Секция `\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 * 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"
+ "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 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"
+ "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 `` nejvyšší úrovně](https://cs.vuejs.org/api/sfc-spec.html#language-blocks) k obalení celé šablony. Tento způsob použití je oddělen od použití `` popsaného výše. Tento tag nejvyšší úrovně není součástí samotné šablony a nepodporuje syntaxi šablony, jako jsou direktivy.\n\n- **Viz také:**\n - [Průvodce - `v-if` na ``](https://cs.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Průvodce - `v-for` nad ``](https://cs.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Průvodce - Pojmenované sloty](https://cs.vuejs.org/guide/components/slots.html#named-slots)\n"
+ "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 ignorovány, protože nemají bez odpovídajícího prvku význam.\n\n Single-file komponenty (SFC) používají [tag `` nejvyšší úrovně](https://cs.vuejs.org/api/sfc-spec.html#language-blocks) k obalení celé šablony. Tento způsob použití je oddělen od použití `` popsaného výše. Tento tag nejvyšší úrovně není součástí samotné šablony a nepodporuje syntaxi šablony, jako jsou direktivy.\n\n- **Viz také:**\n - [Průvodce – `v-if` na ``](https://cs.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Průvodce – `v-for` nad ``](https://cs.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Průvodce – Pojmenované sloty](https://cs.vuejs.org/guide/components/slots.html#named-slots)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#template"
- }
- ]
+ "references": "api/built-in-special-elements.html#template"
}
],
"globalAttributes": [
@@ -503,123 +79,17 @@
"name": "v-text",
"description": {
"kind": "markdown",
- "value": "Aktualizuje textový obsah elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n `v-text` funguje tak, že elementu nastavuje vlastnost [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent), což přepíše jakýkoli existující obsah uvnitř elementu. Pokud potřebujete aktualizovat část `textContent`, měli byste místo toho použít [„mustache“ interpolaci](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Příklad**\n\n ```html\n \n \n {{msg}}\n ```\n\n- **Viz také:** [Syntaxe šablon - Interpolace textu](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)"
+ "value": "Aktualizuje textový obsah elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n `v-text` funguje tak, že elementu nastavuje vlastnost [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent), což přepíše jakýkoli existující obsah uvnitř elementu. Pokud potřebujete aktualizovat část `textContent`, měli byste místo toho použít [„mustache“ interpolaci](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Příklad**\n\n ```html\n \n \n {{msg}}\n ```\n\n- **Viz také:** [Syntaxe šablon – Interpolace textu](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-text"
- }
- ]
+ "references": "api/built-in-directives.html#v-text"
},
{
"name": "v-html",
"description": {
"kind": "markdown",
- "value": "Aktualizuje [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n Obsah `v-html` je vložen jako prosté HTML - syntaxe Vue šablony nebude zpracována. Pokud se snažíte sestavit šablony pomocí `v-html`, zkuste raději řešení přehodnotit a použít komponenty.\n\n ::: warning Bezpečnostní poznámka\n Dynamické vykreslování libovolného HTML na vašem webu může být velmi nebezpečné, protože může snadno vést k [XSS útokům](https://en.wikipedia.org/wiki/Cross-site_scripting). Používejte `v-html` pouze na důvěryhodný obsah a **nikdy** na obsah poskytovaný uživatelem.\n :::\n\n V [Single-file komponentách (SFC)](https://cs.vuejs.org/guide/scaling-up/sfc.html) se `scoped` styly na obsah uvnitř `v-html` nebudou aplikovat, protože toto HTML není zpracováváno kompilátorem Vue šablony. Pokud chcete cílit na obsah `v-html` pomocí scoped CSS, můžete místo toho použít [CSS moduly](./sfc-css-features#css-modules) nebo další, globální `