fix: obvious typos (pt. II)

src/api/built-in-components.md

@@ -30,7 +30,7 @@ Poskytuje animované přechodové (transition) efekty pro **jeden** element nebo
     /**
      * Slouží k automatickému generování názvů CSS tříd pro přechody.
      * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,
-     * `.fade-enter-active`, atd.
+     * `.fade-enter-active` atd.
      */
     name?: string
     /**

src/api/sfc-spec.md

@@ -138,4 +138,4 @@ Pozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadáván
 
 ## Komentáře {#comments}
 
-V každém bloku byste měli používat syntaxi komentářů používanou v daném jazyce (HTML, CSS, JavaScript, Pug, atd.). Pro komentáře na nejvyšší úrovni použijte syntaxi HTML komentářů: `<!-- obsah komentáře -->`
+V každém bloku byste měli používat syntaxi komentářů používanou v daném jazyce (HTML, CSS, JavaScript, Pug atd.). Pro komentáře na nejvyšší úrovni použijte syntaxi HTML komentářů: `<!-- obsah komentáře -->`

src/guide/built-ins/keep-alive.md

@@ -31,7 +31,7 @@ Vytváření nové instance komponenty po přepnutí je normálně užitečné c
 </KeepAlive>
 ```
 
-Nyní bude mezi přepínámím komponent stav zachován:
+Nyní bude mezi přepínáním komponent stav zachován:
 
 <SwitchComponent use-KeepAlive />
 
@@ -101,7 +101,7 @@ import { onActivated, onDeactivated } from 'vue'
 
 onActivated(() => {
   // zavolá se při úvodním připojení (mounted)
-  // a pokaždé, když je komponenta znvou vložena z cache
+  // a pokaždé, když je komponenta znovu vložena z cache
 })
 
 onDeactivated(() => {
@@ -120,7 +120,7 @@ onDeactivated(() => {
 export default {
   activated() {
     // zavolá se při úvodním připojení (mounted)
-    // a pokaždé, když je komponenta znvou vložena z cache
+    // a pokaždé, když je komponenta znovu vložena z cache
   },
   deactivated() {
     // zavolá se při odebrání z DOM a uložení do cache

src/guide/built-ins/suspense.md

@@ -65,13 +65,13 @@ const posts = await res.json()
 
 ### Asynchronní komponenty {#async-components}
 
-Asynchronní komponenty jsou přirozně **„suspenzovatelné“**. To znamená, že pokud má komponenta v rodičovském řetězci  `<Suspense>`, bude s ní zacházeno jako s asynchronní závislostí této `<Suspense>`. V tomto případě bude stav načítání ovládán `<Suspense>` a&nbsp;vlastní nastavení načítání, chyb, zpoždění a časového limitu v komponentě budou ignorovány.
+Asynchronní komponenty jsou přirozeně **„suspenzovatelné“**. To znamená, že pokud má komponenta v rodičovském řetězci  `<Suspense>`, bude s ní zacházeno jako s asynchronní závislostí této `<Suspense>`. V tomto případě bude stav načítání ovládán `<Suspense>` a&nbsp;vlastní nastavení načítání, chyb, zpoždění a časového limitu v komponentě budou ignorovány.
 
 Asynchronní komponenta se může z kontroly nadřazené `<Suspense>` vyvázat a&nbsp;kontrolovat svůj vlastní stav načítání pomocí nastavení `suspensible: false` ve&nbsp;vlastnostech komponenty.
 
 ## Stav načítání {#loading-state}
 
-Komponenta `<Suspense>` má dva sloty: `#default` a `#fallback`. Oba sloty povolují **pouze jeden** element bezprostředního potomka. Element ve výchozím (default) slotu je zobrazen, pokud je to možné. Poku není, je místo toho zobrazen element v záložním (fallback) slotu.
+Komponenta `<Suspense>` má dva sloty: `#default` a `#fallback`. Oba sloty povolují **pouze jeden** element bezprostředního potomka. Element ve výchozím (default) slotu je zobrazen, pokud je to možné. Pokud není, je místo toho zobrazen element v záložním (fallback) slotu.
 
 ```vue-html
 <Suspense>
@@ -147,7 +147,7 @@ Když máme více asynchronních komponent (což je běžné ve vnořených cest
 </Suspense>
 ```
 
-`<Suspense>` vytvoří v souladu s očekáváním ohraničení, které vyřeší všechny asynchronní komponenty v celém stromě závislostí. Pokud změníme `DynamicAsyncOuter`, `<Suspense>` na ni správně počká. Ale když změníme `DynamicAsyncInner`, vnořená `DynamicAsyncInner` vykreslí prázný element, dokud nebude vyřešena (místo předchozí komponenty nebo fallback slotu).
+`<Suspense>` vytvoří v souladu s očekáváním ohraničení, které vyřeší všechny asynchronní komponenty v celém stromě závislostí. Pokud změníme `DynamicAsyncOuter`, `<Suspense>` na ni správně počká. Ale když změníme `DynamicAsyncInner`, vnořená `DynamicAsyncInner` vykreslí prázdný element, dokud nebude vyřešena (místo předchozí komponenty nebo fallback slotu).
 
 Abychom to vyřešili, můžeme přidat vnořenou suspense k obsluze aktualizace vnořené komponenty tímto způsobem:
 
@@ -161,7 +161,7 @@ Abychom to vyřešili, můžeme přidat vnořenou suspense k obsluze aktualizace
 </Suspense>
 ```
 
-Pokud nenastavíte vlastnost `suspensible`, vnitřní `<Suspense>` bude rodičovskou `<Suspense>` považována za synchronní komponentu. To znamená, že má svůj vlastní fallback slot a když se obě `Dynamic` komponenty změní najednou, mohou se objevit prázdné elementy a spustit více aktualizčních cyklů, zatímco vnořená `<Suspense>` načítá svůj strom závislostí. Což nemusí být žádoucí. Když je `suspensible` nastaveno, obsluha asynchronního načítání je předána rodičovské `<Suspense>` (vč. emitovaných událostí) a&nbsp;vnitřní `<Suspense>` slouží jen jako další ohraničení pro řešení závislostí a aktualizace.
+Pokud nenastavíte vlastnost `suspensible`, vnitřní `<Suspense>` bude rodičovskou `<Suspense>` považována za synchronní komponentu. To znamená, že má svůj vlastní fallback slot a když se obě `Dynamic` komponenty změní najednou, mohou se objevit prázdné elementy a spustit více aktualizačních cyklů, zatímco vnořená `<Suspense>` načítá svůj strom závislostí. Což nemusí být žádoucí. Když je `suspensible` nastaveno, obsluha asynchronního načítání je předána rodičovské `<Suspense>` (vč. emitovaných událostí) a&nbsp;vnitřní `<Suspense>` slouží jen jako další ohraničení pro řešení závislostí a aktualizace.
 
 ---
 

src/guide/built-ins/transition-group.md

@@ -21,7 +21,7 @@ import ListStagger from './transition-demos/ListStagger.vue'
 - CSS třídy přechodu jsou aplikovány na jednotlivé prvky v seznamu, **nikoli** na skupinu / kontejner samotný.
 
 :::tip
-Při použití v [in-DOM šabloných](/guide/essentials/component-basics#in-dom-template-parsing-caveats) by měl být použit zápis `<transition-group>`.
+Při použití v [in-DOM šablonách](/guide/essentials/component-basics#in-dom-template-parsing-caveats) by měl být použit zápis `<transition-group>`.
 :::
 
 ## Přechody při vstupu / odchodu {#enter-leave-transitions}

src/guide/built-ins/transition.md

@@ -637,7 +637,7 @@ export default {
 
 </div>
 
-Pokud bychom atribut `key` vynechali, aktualizoval by se pouze textový uzel, a proto by nedošlo k žádnému přechodu. Ovšem s nadefinovaným unikátném `key` Vue umí vytvořit nový element `span`, kdykoliv se změní hodnota `count`, a tak má komponenta `Transition` dva různé elementy, mezi kterými lze přechod provést.
+Pokud bychom atribut `key` vynechali, aktualizoval by se pouze textový uzel, a proto by nedošlo k žádnému přechodu. Ovšem s nadefinovaným unikátním `key` Vue umí vytvořit nový element `span`, kdykoliv se změní hodnota `count`, a tak má komponenta `Transition` dva různé elementy, mezi kterými lze přechod provést.
 
 <div class="composition-api">
 

src/guide/components/async.md

@@ -208,4 +208,4 @@ const AsyncComp = defineAsyncComponent({
 
 ## Použití s Suspense {#using-with-suspense}
 
-Asynchronní komponenty lze použít dohromady s vestavěnou komponentou `<Suspense>`. Interakce `<Suspense>` a ansynchronními komponentami je popsána v&nbsp;[kapitole určené pro `<Suspense>`](/guide/built-ins/suspense).
+Asynchronní komponenty lze použít dohromady s vestavěnou komponentou `<Suspense>`. Interakce `<Suspense>` a asynchronními komponentami je popsána v&nbsp;[kapitole určené pro `<Suspense>`](/guide/built-ins/suspense).

src/guide/components/attrs.md

@@ -100,15 +100,15 @@ K těmto fallthrough atributům lze přistoupit přímo ve výrazech šablon př
 <span>Fallthrough attributy: {{ $attrs }}</span>
 ```
 
-Objekt `$attrs` obsahuje všechny atributy, které nejsou deklarovány jako `props` nebo `emits` komponenty (např., `class`, `style`, `v-on` listenery, atd.).
+Objekt `$attrs` obsahuje všechny atributy, které nejsou deklarovány jako `props` nebo `emits` komponenty (např., `class`, `style`, `v-on` listenery atd.).
 
 Pár poznámek:
 
 - Na rozdíl od vlastností zachovávají falltrough atributy i v JavaScriptu původní podobu klíče, takže k atributu `foo-bar` je třeba přistupovat jako `$attrs['foo-bar']` a nikoli `$attrs['fooBar']`.
 
 - Event listener `v-on` jako `@click` bude v objektu zpřístupněn jako funkce `$attrs.onClick`.
 
-Při použití naši ukázkové `<MyButton>` komponenty z [předchozí sekce](#attribute-inheritance) můžeme někdy potřebovat obalit element `<button>` do extra `<div>` tagu pro účely stylování:
+Při použití naší ukázkové `<MyButton>` komponenty z [předchozí sekce](#attribute-inheritance) můžeme někdy potřebovat obalit element `<button>` do extra `<div>` tagu pro účely stylování:
 
 ```vue-html
 <div class="btn-wrapper">

src/guide/components/props.md

@@ -92,7 +92,7 @@ export default {
 
 Pro každou vlastnost deklarovanou objektovou syntaxí je klíčem jméno vlastnosti, zatímco hodnotou by měla být funkce konstruktoru očekávaného typu.
 
-Nejen, že to vaší komponentu popisuje, ale také budou prostřednictvím výpisu do konzole prohlížeče varováni ostatní vývojáři, kteří vaši komponetu použjí, pokud budou předávat špatný datový typ. O [validaci vlastností](#prop-validation) budeme více mluvit později níže na této stránce.
+Nejen, že to vaši komponentu popisuje, ale také budou prostřednictvím výpisu do konzole prohlížeče varováni ostatní vývojáři, kteří vaši komponentu použijí, pokud budou předávat špatný datový typ. O [validaci vlastností](#prop-validation) budeme více mluvit později níže na této stránce.
 
 <div class="options-api">
 
@@ -572,19 +572,19 @@ Další podrobnosti:
 
 - Neuvedená `Boolean` vlastnost bude převedena na hodnotu `false`. To můžete změnit nastavením `default` - tj.: `default: undefined`, aby se chovala jako ne-Boolean vlastnost.
 
-- Pokud je zadána `default` hodnota, bude použita, pokud je předáváná hodnota vlastnosti `undefined` - to se týká jak případů, kdy vlastnost chybí, tak těch, kdy je předána explicitní hodnota `undefined`.
+- Pokud je zadána `default` hodnota, bude použita, pokud je předávaná hodnota vlastnosti `undefined` - to se týká jak případů, kdy vlastnost chybí, tak těch, kdy je předána explicitní hodnota `undefined`.
 
 Pokud validace vlastnosti selže, zobrazí Vue varování do konzole (pokud je aplikace sestavena v development módu).
 
 <div class="composition-api">
 
-Pokud používáte [Type-based deklarace vlastností](/api/sfc-script-setup#type-only-props-emit-declarations) <sup class="vt-badge ts" />, Vue se pokusí kompilovat typové anotace na odpovídající runtime deklarace vlastností jak nejlépe dovede. Například, `defineProps<{ msg: string }>` bude při kompilaci převedeno na`{ msg: { type: String, required: true }}`.
+Pokud používáte [Type-based deklarace vlastností](/api/sfc-script-setup#type-only-props-emit-declarations) <sup class="vt-badge ts" />, Vue se pokusí kompilovat typové anotace na odpovídající runtime deklarace vlastností, jak nejlépe dovede. Například, `defineProps<{ msg: string }>` bude při kompilaci převedeno na`{ msg: { type: String, required: true }}`.
 
 </div>
 <div class="options-api">
 
 ::: tip Poznámka
-Zapamatujte si, že vlastnosti jsou validovány **dříve** než je vytvořena instance komponenty, takže proměnné instance (např. `data`, `computed`, atd.) nebudou uvnitř funkcí `default` či `validator` dostupné.
+Zapamatujte si, že vlastnosti jsou validovány **dříve** než je vytvořena instance komponenty, takže proměnné instance (např. `data`, `computed` atd.) nebudou uvnitř funkcí `default` či `validator` dostupné.
 :::
 
 </div>

src/guide/components/provide-inject.md

@@ -12,7 +12,7 @@ Pokud potřebujeme předat data z nadřazené komponenty podřazené komponentě
 
 Všimněte si, že ačkoli komponentu `<Footer>` tyto vlastnosti možná vůbec nezajímají, musí je deklarovat a předat dál, aby k nim komponenta `<DeepChild>` měla přístup. Pokud by existoval delší rodičovský řetězec, ovlivnilo by to po cestě ještě více komponent. Tomu se říká „props drilling“ a rozhodně není zábavné se s tím potýkat.
 
-Drilling vlastností můžeme řešit pomocí `provide` a `inject`. Komponenta rodiče může sloužit jako **poskytovatel závislostí (dependency provider)** pro všechny své potomky. Jakákoli komponenta ve stromu potomků, bezohledu na hloubku jejího zanoření, může **implementovat (inject)** závislosti poskytované komponentami v rodčovském řetězci.
+Drilling vlastností můžeme řešit pomocí `provide` a `inject`. Komponenta rodiče může sloužit jako **poskytovatel závislostí (dependency provider)** pro všechny své potomky. Jakákoli komponenta ve stromu potomků, bez ohledu na hloubku jejího zanoření, může **implementovat (inject)** závislosti poskytované komponentami v rodičovském řetězci.
 
 ![Provide/inject scheme](./images/provide-inject.png)
 
@@ -32,7 +32,7 @@ provide(/* klíč */ 'message', /* hodnota */ 'Ahoj!')
 </script>
 ```
 
-Pokud nepoužíváte `<script setup>`, ujistetě se, že je `provide()` voláno synchronně uvnitř `setup()` funkce:
+Pokud nepoužíváte `<script setup>`, ujistěte se, že je `provide()` voláno synchronně uvnitř `setup()` funkce:
 
 ```js
 import { provide } from 'vue'
@@ -200,7 +200,7 @@ Pokud chceme, aby implementovaná vlastnost fungovala s volitelnými poskytovate
 <div class="composition-api">
 
 ```js
-// pokud není poskytnuta žáná odpovídající "message"
+// pokud není poskytnuta žádná odpovídající "message"
 // `value` bude "default value"
 const value = inject('message', 'default value')
 ```
@@ -277,7 +277,7 @@ const { location, updateLocation } = inject('location')
 </template>
 ```
 
-Pokud se chcete ujistit, že data předaná skrz `provide` nemohou být změněna komponentou, která je implementuje, můžte poskytovanou hodnotu obalit pomocí [`readonly()`](/api/reactivity-core#readonly).
+Pokud se chcete ujistit, že data předaná skrz `provide` nemohou být změněna komponentou, která je implementuje, můžete poskytovanou hodnotu obalit pomocí [`readonly()`](/api/reactivity-core#readonly).
 
 ```vue
 <script setup>

src/guide/components/registration.md

@@ -126,7 +126,7 @@ export default {
 }
 ```
 
-Zapamatujte si, že **lokálně registrované komponenty  _nejsou_ přístupné v komponentách potomků**. V tomto případě bude `ComponentA` dostupá pouze v aktuální komponentě, v komponentách potomků nikoli.
+Zapamatujte si, že **lokálně registrované komponenty  _nejsou_ přístupné v komponentách potomků**. V tomto případě bude `ComponentA` dostupná pouze v aktuální komponentě, v komponentách potomků nikoli.
 
 ## Velká a malá písmena v názvech komponent {#component-name-casing}
 

src/guide/components/slots.md

@@ -415,7 +415,7 @@ Všimněte si, jak `v-slot="slotProps"` odpovídá signatuře slot funkce. Stejn
 
 ### Pojmenované scoped sloty {#named-scoped-slots}
 
-Pojmenované scoped sloty fugují podobně - vlastnosti slotu jsou přístupné jako hodnota direktivy `v-slot`: `v-slot:name="slotProps"`. Při použití zkráceného zápisu to vypadá takto:
+Pojmenované scoped sloty fungují podobně - vlastnosti slotu jsou přístupné jako hodnota direktivy `v-slot`: `v-slot:name="slotProps"`. Při použití zkráceného zápisu to vypadá takto:
 
 ```vue-html
 <MyComponent>
@@ -433,7 +433,7 @@ Pojmenované scoped sloty fugují podobně - vlastnosti slotu jsou přístupné
 </MyComponent>
 ```
 
-Předávání vlastností do pojemnovaného slotu:
+Předávání vlastností do pojmenovaného slotu:
 
 ```vue-html
 <slot name="header" message="ahoj"></slot>

src/guide/components/v-model.md

@@ -2,7 +2,7 @@
 
 ## Základní použití {#basic-usage}
 
-Direkrivu `v-model` lze použít pro implementaci obousměrného (two-way) bindingu.
+Direktivu `v-model` lze použít pro implementaci obousměrného (two-way) bindingu.
 
 <div class="composition-api">
 
@@ -86,7 +86,7 @@ Poté se `v-model="foo"` v komponentě rodiče zkompiluje jako:
 
 Jak můžete vidět, je to trochu zbytečně složité. Nicméně je dobré vědět, jak to ve skutečnosti funguje.
 
-Protože `defineModel` deklaruje vlastnost (prop), mužete následně upravovat její možnosti (options) předáním do `defineModel`:
+Protože `defineModel` deklaruje vlastnost (prop), můžete následně upravovat její možnosti (options) předáním do `defineModel`:
 
 ```js
 // v-model bude povinná hodnota
@@ -406,7 +406,7 @@ console.log(modifiers) // { capitalize: true }
 </template>
 ```
 
-Pro podmíněné nastavení jak by měla být hodnota na základě modifikátorů čtena / zapisována, můžeme do `defineModel()` předat možnosti `get` a `set`. Tyto dvě nastavení získají hodnotu při čtení / zápisu příslušné ref hodnoty a měly by vrátit transformovanou hodnotu. Takto můžeme použít `set` pro implementaci modifikátoru `capitalize`:
+Pro podmíněné nastavení, jak by měla být hodnota na základě modifikátorů čtena / zapisována, můžeme do `defineModel()` předat možnosti `get` a `set`. Tyto dvě nastavení získají hodnotu při čtení / zápisu příslušné ref hodnoty a měly by vrátit transformovanou hodnotu. Takto můžeme použít `set` pro implementaci modifikátoru `capitalize`:
 
 ```vue{6-8}
 <script setup>

src/guide/extras/render-function.md

@@ -545,7 +545,7 @@ JSX ekvivalent:
 
 ### Předávání slotů {#passing-slots}
 
-Předávání potomků komponentám funguje trochu jinak než předávání potomků elementům. Místo pole musíme předat buď funkci slotu, nebo objekt funkcí slotů. Funkce slotů mohou vrátit cokoli, co může vrátit běžná funkce pro vykreslení - což bude vždy normalizováno na pole VNodes, když je přístupováno v dceřiné komponentě.
+Předávání potomků komponentám funguje trochu jinak než předávání potomků elementům. Místo pole musíme předat buď funkci slotu, nebo objekt funkcí slotů. Funkce slotů mohou vrátit cokoli, co může vrátit běžná funkce pro vykreslení - což bude vždy normalizováno na pole VNodes, když je přistupováno v dceřiné komponentě.
 
 ```js
 // jediný výchozí slot

src/guide/extras/web-components.md

@@ -288,7 +288,7 @@ declare module 'vue' {
     // ujistěte se, že předáváte Vue typ komponenty
     // (SomeComponent a nikoliv SomeElement)
     // custom elementy vyžadují v názvu pomlčku (hyphen),
-    // použjite tedy jejich kebab-cased název
+    // použijte tedy jejich kebab-cased název
     'some-element': typeof SomeComponent
   }
 }