docs: fix typos (vuejs#309)

Author: nick-lai

src/.vuepress/components/community/team/utils.js

@@ -36,9 +36,9 @@ export const getPreferredLanguageCode = () => {
 /**
  * Calculates great-circle distances between the two points – that is, the shortest distance over the earth’s surface – using the Haversine formula.
  * @param {Number} lat1 The latitude of the 1st ___location.
- * @param {Number} lon1 The longitute of the 1st ___location.
+ * @param {Number} lon1 The longitude of the 1st ___location.
  * @param {Number} lat2 The latitude of the 2nd ___location.
- * @param {Number} lon2 The longitute of the 2nd ___location.
+ * @param {Number} lon2 The longitude of the 2nd ___location.
  */
 export const getDistanceFromLatLonInKm = (lat1, lon1, lat2, lon2) => {
   const R = 6371 // Radius of the earth in km

src/.vuepress/markdown/highlight.js

@@ -61,7 +61,7 @@ module.exports = fancyHighlight => {
           'directive-expression': {
             pattern: /^=(?:"[^"]*"|'[^']*'|[^\s'">=]+)/i,
             inside: {
-              puntuation: [/^=/, /^["']|["']$/],
+              punctuation: [/^=/, /^["']|["']$/],
               'inline-js language-js': {
                 pattern: /.*/,
                 inside: prism.languages.javascript

src/api/built-in-components.md

@@ -30,7 +30,7 @@
   - `persisted` - `boolean`. If true, indicates this is a transition that doesn't actually insert/remove the element, but toggles the show / hidden status instead. The transition hooks are injected, but will be skipped by the renderer. Instead, a custom directive can control the transition by calling the injected hooks (e.g. `v-show`).
   - `css` - `boolean`. Whether to apply CSS transition classes. Defaults to `true`. If set to `false`, will only trigger JavaScript hooks registered via component events.
   - `type` - `string`. Specifies the type of transition events to wait for to determine transition end timing. Available values are `"transition"` and `"animation"`. By default, it will automatically detect the type that has a longer duration.
-  - `mode` - `wtring` Controls the timing sequence of leaving/entering transitions. Available modes are `"out-in"` and `"in-out"`; defaults to simultaneous.
+  - `mode` - `string` Controls the timing sequence of leaving/entering transitions. Available modes are `"out-in"` and `"in-out"`; defaults to simultaneous.
   - `duration` - `number | {`enter`: number,`leave`: number }`. Specifies the duration of transition. By default, Vue waits for the first `transitionend` or `animationend` event on the root transition element.
   - `enter-from-class` - `string`
   - `leave-from-class` - `string`

src/api/options-data.md

@@ -292,7 +292,7 @@
   ```
 
   ::: tip Note
-  Events listed in the `emits` option **will not** be inherited by the root element of the component and also will be exlcluded from the `$attrs` property.
+  Events listed in the `emits` option **will not** be inherited by the root element of the component and also will be excluded from the `$attrs` property.
   :::
 
 

src/guide/composition-api-provide-inject.md

@@ -19,7 +19,7 @@ const MyBook = {
   setup() {
     const book = inject(
       'book',
-      'Eloquent Javasctipt' /* optional default value */
+      'Eloquent Javascript' /* optional default value */
     )
     return {
       book
@@ -46,7 +46,7 @@ const MyBook = {
   setup() {
     const book = inject(
       'book',
-      'Eloquent Javasctipt' /* optional default value */
+      'Eloquent Javascript' /* optional default value */
     )
     const year = inject('year')
 

src/guide/migration/attribute-coercion.md

@@ -49,7 +49,7 @@ We intend to drop this internal concept of "enumerated attributes" and treat the
 
 For non-boolean attributes, Vue will stop removing them if they are `false` and coerce them to `'false'` instead.
 
-- This solves the inconsistency between `true` and `false` and makes outputing `aria-*` attributes easier
+- This solves the inconsistency between `true` and `false` and makes outputting `aria-*` attributes easier
 
 The following table describes the new behavior:
 

src/guide/migration/keycode-modifiers.md

@@ -48,4 +48,4 @@ As a result, this means that `config.keyCodes` is now also deprecated and will n
 
 ## Migration Strategy
 
-For those using `keyCode` in their codbase, we recommend converting them to their kebab-cased named equivalents.
+For those using `keyCode` in their codebase, we recommend converting them to their kebab-cased named equivalents.

src/guide/transitions-enterleave.md

@@ -512,7 +512,7 @@ Sometimes this works great, like when transitioning items are absolutely positio
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
 
-Sometimes this isn't an option, though, or we're dealing with more complex movement where in and out states need to be coordinated, so Vue offers an extremely useful utlity called **transition modes**:
+Sometimes this isn't an option, though, or we're dealing with more complex movement where in and out states need to be coordinated, so Vue offers an extremely useful utility called **transition modes**:
 
 - `in-out`: New element transitions in first, then when complete, the current element transitions out.
 - `out-in`: Current element transitions out first, then when complete, the new element transitions in.