chore: add icons and improvements (#2)

Author: atinux

README.md

@@ -1,3 +1,5 @@
+[![@nuxtjs/html-validator](https://html-validator.nuxtjs.org/preview.png)](https://html-validator.nuxtjs.org)
+
 # @nuxtjs/html-validator
 
 [![npm version][npm-version-src]][npm-version-href]

docs/content/en/index.md

@@ -1,6 +1,6 @@
 ---
 title: Introduction
-description: ''
+description: 'Automatically validate Nuxt server-rendered HTML (SSR and SSG) to detect common issues with HTML that can lead to hydration errors, as well as improve accessibility and best practice.'
 category: Getting started
 items:
  - Zero-configuration required
@@ -9,6 +9,9 @@ items:
 
 ---
 
+<img src="/preview.png" class="light-img" />
+<img src="/preview-dark.png" class="dark-img" />
+
 ## Key features
 
 <list :items="items"></list>
@@ -23,14 +26,14 @@ This module configures [`html-validate`](https://html-validate.org/) to automati
     <code-block label="Yarn" active>
 
     ```bash
-    yarn add @nuxtjs/html-validator
+    yarn add @nuxtjs/html-validator --dev
     ```
 
     </code-block>
     <code-block label="NPM">
 
     ```bash
-    npm install @nuxtjs/html-validator --save
+    npm install @nuxtjs/html-validator --save-dev
     ```
 
     </code-block>
@@ -53,6 +56,7 @@ This module configures [`html-validate`](https://html-validate.org/) to automati
 
     ```js{}[nuxt.config.js]
     {
+      // Install @nuxtjs/html-validator as dependency instead of devDependency
       modules: ['@nuxtjs/html-validator']
     }
     ```

docs/content/settings.json

@@ -1,5 +1,10 @@
 {
   "title": "@nuxtjs/html-validator",
-  "url": "https://github.com/nuxt-community/html-validator-module",
-  "github": "nuxt-community/html-validator-module"
+  "github": "nuxt-community/html-validator-module",
+  "url": "https://html-validator.nuxtjs.org",
+  "logo": {
+    "light": "/logo-light.svg",
+    "dark": "/logo-dark.svg"
+  },
+  "layout": "single"
 }