fix: obvious typos (pt. I)

src/guide/best-practices/security.md

@@ -163,7 +163,7 @@ Někdy dostáváme zprávy o zranitelnostech týkajících se toho, jak je ve Vu
 
 2. Vývojář připojuje Vue k celé HTML stránce, která obsahuje na serveru vykreslený a uživatelem poskytovaný obsah. Jedná se zásadně o stejný problém jako v případě \#1, ale někdy mohou vývojáři takové připojení provést, aniž by si to uvědomili. To může vést k možným zranitelnostem, kdy útočník poskytuje HTML, které je bezpečné jako prostý HTML, ale nebezpečné jako Vue šablona. Nejlepší praxí je **nikdy nepřipojovat Vue k elementům, které mohou obsahovat na serveru vykreslený a uživatelem poskytovaný obsah**.
 
-## Osvěčené postupy {#best-practices}
+## Osvědčené postupy {#best-practices}
 
 Všeobecné pravidlo je, že pokud umožníte provádění neupraveného obsahu poskytnutého uživatelem (buď jako HTML, JavaScript nebo dokonce CSS), můžete se vystavit útokům. Tento návod ve skutečnosti platí bez ohledu na to, zda používáte Vue, jiný framework nebo dokonce žádný framework.
 
@@ -180,4 +180,4 @@ Zranitelnosti zabezpečení HTTP, jako je cross-site request forgery (CSRF/XSRF)
 
 ## Vykreslování na serveru (SSR) {#server-side-rendering-ssr}
 
-Při použití SSR existují některá další bezpečnostní rizika. Abyste se vyhnuli zranitelnostem, ujistěte se, že dodržujete osvěčené postupy uvedené v naší dokumentaci o [vykreslování na serveru](/guide/scaling-up/ssr).
+Při použití SSR existují některá další bezpečnostní rizika. Abyste se vyhnuli zranitelnostem, ujistěte se, že dodržujete osvědčené postupy uvedené v naší dokumentaci o [vykreslování na serveru](/guide/scaling-up/ssr).

src/guide/components/provide-inject.md

@@ -91,7 +91,7 @@ export default {
 }
 ```
 
-Vemte ovšem na vědomí, že toto **nezajistí** reaktivitu implementace. Jak [udělat reaktivní implementaci](#working-with-reactivity) budeme probírat později.
+Vezměte ovšem na vědomí, že toto **nezajistí** reaktivitu implementace. Jak [udělat reaktivní implementaci](#working-with-reactivity) budeme probírat později.
 
 </div>
 

src/guide/essentials/application.md

@@ -8,7 +8,7 @@ Každá Vue aplikace začíná vytvořením nové **instance** pomocí funkce [`
 import { createApp } from 'vue'
 
 const app = createApp({
-  /* nastavení root kompomenty */
+  /* nastavení root komponenty */
 })
 ```
 

src/guide/essentials/class-and-style.md

@@ -198,7 +198,7 @@ To však může být trochu nepřehledné, pokud máte podmíněných tříd ví
 
 Když použijete atribut `class` na komponentu s jedním root elementem, budou tyto třídy přidány do root elementu v komponentě a sloučeny s jakoukoli existující třídou, která se na něm již nachází.
 
-Například pokud máme komponentnu jménem `MyComponent` s následující šablonou:
+Například pokud máme komponentu jménem `MyComponent` s následující šablonou:
 
 ```vue-html
 <!-- šablona komponenty potomka -->

src/guide/essentials/component-basics.md

@@ -174,7 +174,7 @@ Pokud vaše šablony vytváříte přímo v DOM (např. jako obsah nativního el
 <button-counter></button-counter>
 ```
 
-Pro více detailů se podívejte na [upozornění na omezení při anlýze in-DOM šablon](#in-dom-template-parsing-caveats).
+Pro více detailů se podívejte na [upozornění na omezení při analýze in-DOM šablon](#in-dom-template-parsing-caveats).
 
 ## Předávání vlastností (props) {#passing-props}
 
@@ -277,7 +277,7 @@ const posts = ref([
 
 </div>
 
-A potom pro každý z nich vykreslit jeho vlastní kompomentu pomocí `v-for`:
+A potom pro každý z nich vykreslit jeho vlastní komponentu pomocí `v-for`:
 
 ```vue-html
 <BlogPost
@@ -435,7 +435,7 @@ emit('zvetsit-text')
 
 Viz také: [Typování emitovaných událostí komponenty](/guide/typescript/composition-api#typing-component-emits) <sup class="vt-badge ts" />
 
-Pokud nepoužíváte `<script setup>`, můžete deklarovat emitované události prostřectvím možnosti `emits`. K funkci `emit` můžete přistuput jako k vlastnosti setup kontextu (předávaný do `setup()` jako druhý parametr):
+Pokud nepoužíváte `<script setup>`, můžete deklarovat emitované události prostřednictvím možnosti `emits`. K funkci `emit` můžete přistupit jako k vlastnosti setup kontextu (předávaný do `setup()` jako druhý parametr):
 
 ```js
 export default {

src/guide/essentials/computed.md

@@ -356,7 +356,7 @@ const alwaysSmall = computed({
 
 </div>
 
-## Osvěčené postupy {#best-practices}
+## Osvědčené postupy {#best-practices}
 
 ### Getter funkce by neměly mít vedlejší účinky {#getters-should-be-side-effect-free}
 

src/guide/essentials/event-handling.md

@@ -254,7 +254,7 @@ K vyřešení tohoto požadavku poskytuje Vue pro `v-on` **modifikátory událos
 Při použití modifikátorů záleží na pořadí, protože příslušný kód je ve stejném pořadí generován. Proto použití `@click.prevent.self` zabrání **výchozí akci kliknutí na element samotný i jeho potomky**, zatímco `@click.self.prevent` zabrání pouze výchozí akci kliknutí na samotný element.
 :::
 
-Modifikátory `.capture`, `.once` a `.passive` představují [možnosti natívní funkce `addEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#options):
+Modifikátory `.capture`, `.once` a `.passive` představují [možnosti nativní funkce `addEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#options):
 
 ```vue-html
 <!-- při přidávání event listeneru použít capture mód    -->

src/guide/essentials/forms.md

@@ -102,7 +102,7 @@ U jazyků, které vyžadují [IME](https://en.wikipedia.org/wiki/Input_method) (
 
 </div>
 
-Pozor na to, že uvnitř `<textarea>` nefunguje interpolace. Použitje místo toho `v-model`.
+Pozor na to, že uvnitř `<textarea>` nefunguje interpolace. Použijte místo toho `v-model`.
 
 ```vue-html
 <!-- špatně -->
@@ -137,7 +137,7 @@ Jednoduchý checkbox s proměnnou typu boolean:
 
 </div>
 
-Můžeme také provést binding více checkboxů na stejné pole resp. [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set):
+Můžeme také provést binding více checkboxů na stejné pole, resp. [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set):
 
 <div class="composition-api">
 
@@ -427,7 +427,7 @@ Proměnná `pick` bude nastavena na hodnotu `prvni`, když je vybrána první vo
 
 ### `.lazy` {#lazy}
 
-Ve výchozím nastavení `v-model` synchronizuje vstup s daty po každé události `input` (s&nbsp;výjimkou IME kompozice, jak je [uvedeno výše](#vmodel-ime-tip)). Místo toho můžete přidat modifikátor`lazy` k synchronizaci po události `change`:
+Ve výchozím nastavení `v-model` synchronizuje vstup s daty po každé události `input` (s&nbsp;výjimkou IME kompozice, jak je [uvedeno výše](#vmodel-ime-tip)). Místo toho můžete přidat modifikátor `lazy` k synchronizaci po události `change`:
 
 ```vue-html
 <!-- synchronizuje se po „change“ místo „input“ -->

src/guide/essentials/lifecycle.md

@@ -35,7 +35,7 @@ Existují další hooks, které budu volány v různých fázích životního cy
 
 <div class="options-api">
 
-Všechny lifecycle hooks jsou volány s jejich kontextem `this` odkazujícím na momentálně aktivní instanci, která je vyvolala. Vemte na vědomí, že to znamená, že byste se při deklaraci lifecycle hooks měli vyvarovat arrow funkcí, protože pokud to uděláte, nebude moci pomocí `this` přístoupit k instanci komponenty.
+Všechny lifecycle hooks jsou volány s jejich kontextem `this` odkazujícím na momentálně aktivní instanci, která je vyvolala. Vezměte na vědomí, že to znamená, že byste se při deklaraci lifecycle hooks měli vyvarovat arrow funkcí, protože pokud to uděláte, nebude moci pomocí `this` přístoupit k instanci komponenty.
 
 </div>
 
@@ -51,7 +51,7 @@ setTimeout(() => {
 }, 100)
 ```
 
-Pamatujte, že to neznamená, že volání musí být umístěno lexikálně uvnitř `setup()` nebo `<script setup>`. Hook `onMounted()` lze volat i v externí funkci za předpokladu, že je zásobník volání synchronní a pochází z `setup()`.
+Pamatujte, že to neznamená, že volání musí být umístěno lexikálně uvnitř `setup()` nebo `<script setup>`. Hook `onMounted()` lze volat i v externí funkci za předpokladu, že je zásobník volání synchronní a pochází ze `setup()`.
 
 </div>
 

src/guide/essentials/list.md

@@ -10,7 +10,7 @@
 
 ## `v-for` {#v-for}
 
-Pro vykreslení senzamu založeného na hodnotách pole můžeme použít direktivu `v-for`. Zápis `v-for` vyžaduje speciální syntaxi ve formě `item in items`, kde `items` je zdrojové datové pole a `item` je **alias** pro prvek pole, přes které se iteruje:
+Pro vykreslení seznamu založeného na hodnotách pole můžeme použít direktivu `v-for`. Zápis `v-for` vyžaduje speciální syntaxi ve formě `item in items`, kde `items` je zdrojové datové pole a `item` je **alias** pro prvek pole, přes které se iteruje:
 
 <div class="composition-api">
 
@@ -171,7 +171,7 @@ data() {
 </ul>
 ```
 
-Můžete také úvést druhý alias (klíč) pro název vlastnosti:
+Můžete také uvést druhý alias (klíč) pro název vlastnosti:
 
 ```vue-html
 <li v-for="(value, key) in myObject">
@@ -206,7 +206,7 @@ A ještě další pro její pořadí:
 <span v-for="n in 10">{{ n }}</span>
 ```
 
-Dejte pozor, že `n` začíná s úvodníh hodnotou `1` místo obvyklé `0`.
+Dejte pozor, že `n` začíná s úvodní hodnotou `1` místo obvyklé `0`.
 
 ## `v-for` nad `<template>` {#v-for-on-template}
 
@@ -252,12 +252,12 @@ Existují dva běžné případy, kdy to může být lákavé:
 
 - Při filtrování položek v seznamu (např. `v-for="user in users" v-if="user.isActive"`). V těchto případech nahraďte `users` novou computed proměnnou, která vrátí filtrovaný seznam (např. `activeUsers`).
 
-- Aby se zabránilo vykreslování seznamu, který by měl být v některých případech skrytý (např. `v-for="user in users" v-if="shouldShowUsers"`). Zde raději přesuňte `v-if` na mateřeský element (např. `ul`, `ol`).
+- Aby se zabránilo vykreslování seznamu, který by měl být v některých případech skrytý (např. `v-for="user in users" v-if="shouldShowUsers"`). Zde raději přesuňte `v-if` na mateřský element (např. `ul`, `ol`).
 :::
 
 ## Udržování stavu pomocí `key` {#maintaining-state-with-key}
 
-Když Vue aktualizuje seznam prvků vykreslených pomocí `v-for`, ve výchozím nastavení používá strategii „opravy na místě“. Pokud se pořadí datových položek změnilo, namísto přesování prvků DOM tak, aby odpovídaly pořadí položek, Vue každý prvek opraví na jeho místě a zajistí, aby odrážel to, co by se na daném místě mělo vykreslit.
+Když Vue aktualizuje seznam prvků vykreslených pomocí `v-for`, ve výchozím nastavení používá strategii „opravy na místě“. Pokud se pořadí datových položek změnilo, namísto přesouvání prvků DOM tak, aby odpovídaly pořadí položek, Vue každý prvek opraví na jeho místě a zajistí, aby odrážel to, co by se na daném místě mělo vykreslit.
 
 Tento výchozí režim je efektivní, ale **vhodný pouze tehdy, když výsledek vykreslení vašeho seznamu nezávisí na stavu podřízené komponenty nebo dočasném stavu DOM (např. vstupní hodnoty formulářů)**.
 

src/guide/essentials/reactivity-fundamentals.md

@@ -188,7 +188,7 @@ Importy nejvyšší úrovně a proměnné deklarované v `<script setup>` jsou v
 :::tip 
 Ve zbytku průvodce budeme pro příklady kódu Composition API primárně používat syntaxi SFC + `<script setup>`, protože to je pro Vue vývojáře nejběžnější použití.
 
-Pokud SFC nepoužívate, pořád lze Composition API použít společně s možností [`setup()`](/api/composition-api-setup).
+Pokud SFC nepoužíváte, pořád lze Composition API použít společně s možností [`setup()`](/api/composition-api-setup).
 :::
 
 ### Proč používat refs? \*\* {#why-refs}
@@ -302,7 +302,7 @@ export default {
 
 <div class="composition-api">
 
-Refs mohou obsahovat hodnotu jakéhokoli typu, včetně hlubok vnořených objektů, polí a vestavěných JavaScipt datových struktur jako je `Map`.
+Refs mohou obsahovat hodnotu jakéhokoli typu, včetně hluboko vnořených objektů, polí a vestavěných JavaScipt datových struktur jako je `Map`.
 
 Ref svou hodnotu udělá hluboce reaktivní (deep reactivity). To znamená, že můžete očekávat detekci změn, i když změníte vnořené objekty nebo pole:
 
@@ -323,7 +323,7 @@ function mutateDeeply() {
 
 Jiné než primitivní hodnoty jsou převedeny na reaktivní proxy přes [`reactive()`](#reactive), o čemž mluvíme níže.
 
-Je také možné potlačit hlubokou reaktivitu pomocí [mělkých (shallow) refs](/api/reactivity-advanced#shallowref). U mělké reaktivity je reaktivně sledován pouze přístup na `.value`. Shallow refs mohou být použity pro optimalizaci výkonu díky potlačení náhladů na sledování velkých objektů nebo v případech, kdy je vnitřní stav pravován externí knihovnou.
+Je také možné potlačit hlubokou reaktivitu pomocí [mělkých (shallow) refs](/api/reactivity-advanced#shallowref). U mělké reaktivity je reaktivně sledován pouze přístup na `.value`. Shallow refs mohou být použity pro optimalizaci výkonu díky potlačení náhledů na sledování velkých objektů nebo v případech, kdy je vnitřní stav spravován externí knihovnou.
 
 Další informace:
 

src/guide/essentials/template-refs.md

@@ -286,7 +286,7 @@ export default {
 
 <div class="composition-api">
 
-Výjimkou zde je, že komponenty používající `<script setup>` jsou **ve výchozím nastavení soukromé**: komponenta rodiče odkazující na komponentu potomka pomocí `<script setup>` nebude mít přístupk ničemu, pokud se komponenta potomka nerozhodne vystavit své veřejné rozhraní pomocí makra `defineExpose`:
+Výjimkou zde je, že komponenty používající `<script setup>` jsou **ve výchozím nastavení soukromé**: komponenta rodiče odkazující na komponentu potomka pomocí `<script setup>` nebude mít přístup k ničemu, pokud se komponenta potomka nerozhodne vystavit své veřejné rozhraní pomocí makra `defineExpose`:
 
 ```vue
 <script setup>

src/guide/essentials/template-syntax.md

@@ -143,7 +143,7 @@ Zatím jsme se v našich šablonách vázali pouze jednoduše na hodnoty proměn
 
 Tyto výrazy budou vyhodnoceny jako JavaScript s použitím datového scope aktuální instance komponenty.
 
-V Vue šablonách lze JavaScriptové výrazy použít na následujících místech:
+Ve Vue šablonách lze JavaScriptové výrazy použít na následujících místech:
 
 - Uvnitř textových interpolací („mustache“ syntaxe)
 - V hodnotě atributu kterékoli Vue direktivy (speciální atributy začínající na `v-`)
@@ -224,7 +224,7 @@ Pro parametr direktivy je možné použít i JavaScript výraz tak, že jej zaba
 
 ```vue-html
 <!--
-Vemte na vědomí, že zde pro hodnoty výrazu platí určitá omezení,
+Vezměte na vědomí, že zde pro hodnoty výrazu platí určitá omezení,
 jež jsou vysvětlena v oddílech „Omezení hodnot dynamických parametrů“
 a „Omezení syntaxe dynamických parametrů“ níže.
 -->

src/guide/essentials/watchers.md

@@ -128,7 +128,7 @@ watch(
   }
 )
 
-// pole více růzých zdrojů
+// pole více různých zdrojů
 watch([x, () => y.value], ([newX, newY]) => {
   console.log(`x is ${newX} and y is ${newY}`)
 })
@@ -277,7 +277,7 @@ watch(
 
 - Podporováno až od verze 3.4+
 
-Callback watcheru bude spuštěn kdykoli, když se změní sledovaný zdroj. Pokud ho po změně zdroje chcete spustit puze jednou, použijte nastavení `once: true`.
+Callback watcheru bude spuštěn kdykoli, když se změní sledovaný zdroj. Pokud ho po změně zdroje chcete spustit pouze jednou, použijte nastavení `once: true`.
 
 <div class="options-api">