docs: mention avif format support

Author: pi0

docs/content/en/2.components/1.nuxt-img.md

@@ -140,7 +140,7 @@ In case you want to serve images in a specific format, use this prop.
 <nuxt-img format="webp" src="/nuxt-icon.png" ... />
 ```
 
-Available formats are `webp`, `jpeg`, `jpg`, `png`, `gif` and `svg`. If the format is not specified, it will respect the default image format.
+Available formats are `webp`, `avif`, `jpeg`, `jpg`, `png`, `gif` and `svg`. If the format is not specified, it will respect the default image format.
 
 ### `quality`
 
@@ -205,4 +205,4 @@ Set `loading="lazy"` to defer loading of an image until it appears in the viewpo
 
 ```html
 <nuxt-img src="/nuxt-icon.png" loading="lazy" />
-```
+```

vetur/attributes.json

@@ -1,32 +1,32 @@
 {
-  "src":{
-    "description":"Path to image file"
+  "src": {
+    "description": "Path to image file"
   },
-  "width":{
-    "description":"Specify width of the image."
+  "width": {
+    "description": "Specify width of the image."
   },
-  "height":{
-    "description":"Specify height of the image."
+  "height": {
+    "description": "Specify height of the image."
   },
-  "sizes":{
-    "description":"Specify responsive reiszes. `sm:100vw md:50vw lg:400px`"
+  "sizes": {
+    "description": "Specify responsive reiszes. `sm:100vw md:50vw lg:400px`"
   },
-  "provider":{
-    "description":"Use other provider instead of default provider option specified in nuxt.config`"
+  "provider": {
+    "description": "Use other provider instead of default provider option specified in nuxt.config`"
   },
-  "preset":{
-    "description":"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects."
+  "preset": {
+    "description": "Presets are predefined sets of image modifiers that can be used create unified form of images in your projects."
   },
-  "format":{
-    "description":"In case you want to serve images in a specific format, use this prop. `webp`, `jpeg`, `jpg`, `png`, `gif` and `svg`"
+  "format": {
+    "description": "In case you want to serve images in a specific format, use this prop. `webp`, `avif`, `jpeg`, `jpg`, `png`, `gif` and `svg`"
   },
-  "quality":{
-    "description":"The quality for the generated image(s)."
+  "quality": {
+    "description": "The quality for the generated image(s)."
   },
-  "fit":{
-    "description":"The fit property specifies the size of the images. There are five standard values you can use with this property. `cover` `contain` `fill` `inside` `outside`"
+  "fit": {
+    "description": "The fit property specifies the size of the images. There are five standard values you can use with this property. `cover` `contain` `fill` `inside` `outside`"
   },
-  "modifiers":{
-    "description":"In addition to standard modifiers, every provider can have their own modifiers. `:modifiers=\"{ roundCorner: '0:100' }\"`"
+  "modifiers": {
+    "description": "In addition to standard modifiers, every provider can have their own modifiers. `:modifiers=\"{ roundCorner: '0:100' }\"`"
   }
 }