fix(docs): fix typo on docs (#99)

Author: juliomrqz

README.md

@@ -80,7 +80,7 @@ The following optimization packages are available and supported:
 | `imagemin-svgo`      | Optimizes SVG images and icons                                                                                                                                                                          | [Link][imagemin-svgo]     |
 | `webp-loader`        | Optimizes WebP images and can convert JPEG/PNG images to WebP on the fly ([WebP resource query](./usage/README.md#webp))                                                                                       | [Link][webp-loader]       |
 | `lqip-loader`        | Generates low quality image placeholders and can extract the dominant colors of an image ([lqip resource query](./usage/README.md#lqip))                                                                       | [Link][lqip-loader]       |
-| `responsive-loader`  | Can resize images on the fly and create multiple versions of it for a `srcset`. **Important**: You need to additionally install either `jimp` (node implementation, slower) or `sharp` (binary, faster) | [Link][responsive-loader] |
+| `responsive-loader`  | Can resize images on the fly and create multiple versions of it for a `srcSet`. **Important**: You need to additionally install either `jimp` (node implementation, slower) or `sharp` (binary, faster) | [Link][responsive-loader] |
 | `sqip-loader`  | Loads images and exports tiny SQIP previews as `image/svg+xml` URL-encoded data | [Link][sqip-loader] |
 
 Example: If you have JPG, PNG, and SVG images in your project, you would then need to run

docs/README.md

@@ -84,7 +84,7 @@ The following optimization packages are available and supported:
 | `imagemin-svgo`      | Optimizes SVG images and icons                                                                                                                                                                          | [Link][imagemin-svgo]     |
 | `webp-loader`        | Optimizes WebP images and can convert JPEG/PNG images to WebP on the fly ([WebP resource query](./usage/README.md#webp))                                                                                       | [Link][webp-loader]       |
 | `lqip-loader`        | Generates low quality image placeholders and can extract the dominant colors of an image ([lqip resource query](./usage/README.md#lqip))                                                                       | [Link][lqip-loader]       |
-| `responsive-loader`  | Can resize images on the fly and create multiple versions of it for a `srcset`. **Important**: You need to additionally install either `jimp` (node implementation, slower) or `sharp` (binary, faster) | [Link][responsive-loader] |
+| `responsive-loader`  | Can resize images on the fly and create multiple versions of it for a `srcSet`. **Important**: You need to additionally install either `jimp` (node implementation, slower) or `sharp` (binary, faster) | [Link][responsive-loader] |
 | `sqip-loader`  | Loads images and exports tiny SQIP previews as `image/svg+xml` URL-encoded data | [Link][sqip-loader] |
 
 Example: If you have JPG, PNG, and SVG images in your project, you would then need to run

docs/es/README.md

@@ -83,7 +83,7 @@ Los siguientes paquetes de optimización están disponibles y soportados:
 | `imagemin-svgo`      | Optimiza las imágenes e iconos SVG                                                                                                                                                                          | [Enlace][imagemin-svgo]     |
 | `webp-loader`        | Optimiza las imágenes WebP y puede convertir imágenes JPEG/PNG a WebP sobre la marcha ([consulta de recursos WebP](./usage/README.md#webp))                                                                                       | [Enlace][webp-loader]       |
 | `lqip-loader`        | Genera placeholders de baja calidad y puede extraer los colores dominantes de una imagen ([consulta de recursos lqip](./usage/README.md#lqip))                                                                       | [Enlace][lqip-loader]       |
-| `responsive-loader`  | Puede cambiar el tamaño de las imágenes sobre la marcha y crear múltiples versiones para `srcset`. **Importante: Necesitas instalar adicionalmente `jimp` (implementación de node, más lento) o `sharp` (binario, más rápido)** | [Enlace][responsive-loader] |
+| `responsive-loader`  | Puede cambiar el tamaño de las imágenes sobre la marcha y crear múltiples versiones para `srcSet`. **Importante: Necesitas instalar adicionalmente `jimp` (implementación de node, más lento) o `sharp` (binario, más rápido)** | [Enlace][responsive-loader] |
 | `sqip-loader`  | Carga imágenes y exporta pequeños placeholders como datos codificados por URL del tipo `image/svg+xml` | [Link][sqip-loader] |
 
 Ejemplo: Si tienes imágenes JPG, PNG y SVG en tu proyecto, necesitarás ejecutar

docs/es/usage.md

@@ -102,8 +102,8 @@ Para [los navegadores que aún no son compatibles con WebP][caniuse-webp], tambi
  Resulta en:
 
 <picture>
-  <source srcset="/_nuxt/images/d6816ecc.webp" type="image/webp" />
-  <source srcset="/_nuxt/images/5216de42.jpg" type="image/jpeg" />
+  <source srcSet="/_nuxt/images/d6816ecc.webp" type="image/webp" />
+  <source srcSet="/_nuxt/images/5216de42.jpg" type="image/jpeg" />
   <img src="/_nuxt/images/5216de42.jpg" />
 </picture>
 -->
@@ -261,7 +261,7 @@ Después de la consulta de recursos `?resize`, puedes añadir cualquier otra con
     <img :src="oneSize.src" />
 
     <!-- juego de orígenes con múltiples tamaños -->
-    <img :srcset="multipleSizes.srcset" :src="multipleSizes.src" />
+    <img :srcSet="multipleSizes.srcSet" :src="multipleSizes.src" />
   </div>
 </template>
 

docs/usage.md

@@ -92,8 +92,8 @@ For [browsers that don't yet support WebP][caniuse-webp], you can also provide a
 ```vue
 <template>
   <picture>
-    <source :srcset="require('~/assets/my-image.jpg?webp')" type="image/webp" />
-    <source :srcset="require('~/assets/my-image.jpg')" type="image/jpeg" />
+    <source :srcSet="require('~/assets/my-image.jpg?webp')" type="image/webp" />
+    <source :srcSet="require('~/assets/my-image.jpg')" type="image/jpeg" />
     <img :src="require('~/assets/my-image.jpg')" />
   </picture>
 </template>
@@ -102,8 +102,8 @@ For [browsers that don't yet support WebP][caniuse-webp], you can also provide a
  Results in:
 
 <picture>
-  <source srcset="/_nuxt/images/d6816ecc.webp" type="image/webp" />
-  <source srcset="/_nuxt/images/5216de42.jpg" type="image/jpeg" />
+  <source srcSet="/_nuxt/images/d6816ecc.webp" type="image/webp" />
+  <source srcSet="/_nuxt/images/5216de42.jpg" type="image/jpeg" />
   <img src="/_nuxt/images/5216de42.jpg" />
 </picture>
 -->
@@ -265,7 +265,7 @@ After the `?resize` resource query, you can add any other query of the [`respons
     <img :src="oneSize.src" />
 
     <!-- source set with multiple sizes -->
-    <img :srcset="multipleSizes.srcSet" :src="multipleSizes.src" />
+    <img :srcSet="multipleSizes.srcSet" :src="multipleSizes.src" />
   </div>
 </template>