diff --git a/.github/invite-contributors.yaml b/.github/invite-contributors.yaml
index db67f8fe0..e13da67f4 100644
--- a/.github/invite-contributors.yaml
+++ b/.github/invite-contributors.yaml
@@ -1,2 +1,2 @@
 # team name
-team: Maintainers
\ No newline at end of file
+team: Maintainers
diff --git a/.github/workflows/lint.yaml b/.github/workflows/lint.yaml
index 0b88332af..6cd249830 100644
--- a/.github/workflows/lint.yaml
+++ b/.github/workflows/lint.yaml
@@ -3,14 +3,51 @@ name: Lint Markdown
 on: [push, pull_request]
 
 jobs:
-  build:
+  markdown:
+    name: Markdown Lint
     runs-on: ubuntu-18.04
     steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js
-      uses: actions/setup-node@v2
-      with:
-        node-version: '14'
-    - name: Install modules
-      run: yarn
-    - run: yarn markdown:lint
+      - uses: actions/checkout@v2
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+      - name: Install modules
+        run: yarn
+      - run: yarn markdown:lint
+  misspell:
+    name: Check Spelling
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check Out
+        uses: actions/checkout@v2
+      - name: Install
+        run: |
+          wget -O - -q https://git.io/misspell | sh -s -- -b .
+      - name: Misspell
+        run: |
+          git ls-files --empty-directory | xargs ./misspell -error
+    trailing-whitespace:
+      name: Trailing whitespace
+      runs-on: ubuntu-latest
+      steps:
+        - uses: actions/checkout@v2
+        - name: Check for trailing whitespace
+          run: "! git grep -EIn $'[ \t]+$'"
+    yamllint:
+      name: YAML
+      runs-on: ubuntu-latest
+      steps:
+        - uses: actions/checkout@v2
+        - uses: actions/setup-python@v2
+          with:
+            python-version: '3.x'  # Version range or exact version of a Python version to use, using SemVer's version range syntax
+            architecture: 'x64'  # optional x64 or x86. Defaults to x64 if not specified
+        - name: Install dependencies
+          run: |
+            python -m pip install --upgrade pip
+            pip install yamllint
+        - name: YAML Lint
+          run: |
+            # return non-zero exit code on warnings
+            yamllint --strict .
diff --git a/.yamllint b/.yamllint
new file mode 100644
index 000000000..600185cef
--- /dev/null
+++ b/.yamllint
@@ -0,0 +1,9 @@
+---
+
+extends: default
+
+rules:
+  colons: disable
+  document-start: disable
+  line-length: disable
+  truthy: false
diff --git a/contributors/contributors.yaml b/contributors/contributors.yaml
index c2da202bc..38df10b9c 100644
--- a/contributors/contributors.yaml
+++ b/contributors/contributors.yaml
@@ -216,7 +216,7 @@
   bio: "Web Developer"
   avatar: ./images/rcheuk.png
   twitter: "@rachel_cheuk"
-  
+
 - id: remi2j
   name: Remi de Juvigny
   bio: "Software Engineer"
@@ -281,4 +281,4 @@
   name: Danilo Raisi
   bio: "Software Engineer"
   avatar: ./images/daniloraisi.jpeg
-  twitter: "@daniloraisi"
\ No newline at end of file
+  twitter: "@daniloraisi"
diff --git a/docs/assets-css.md b/docs/assets-css.md
index 5c373146e..a3c223fa2 100644
--- a/docs/assets-css.md
+++ b/docs/assets-css.md
@@ -367,14 +367,14 @@ export default function (Vue, { head }) {
     rel: 'stylesheet',
     href: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css',
   })
-  
+
   head.link.push({
     rel: 'stylesheet',
     href: 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900',
   });
 
   Vue.use(Vuetify)
-  
+
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
 }
@@ -391,17 +391,17 @@ export default function (Vue, { appOptions, head }) {
     rel: 'stylesheet',
     href: 'https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css',
   })
-  
+
   head.link.push({
     rel: 'stylesheet',
     href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900',
   });
-  
+
   const opts = { ... } //opts includes, vuetify themes, icons, etc.
   Vue.use(Vuetify)
-  
+
   appOptions.vuetify = new Vuetify(opts);
-  
+
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
 }
diff --git a/docs/assets-scripts.md b/docs/assets-scripts.md
index d23495e28..aa1d83351 100644
--- a/docs/assets-scripts.md
+++ b/docs/assets-scripts.md
@@ -142,7 +142,7 @@ import moment from 'moment';
 export default function (Vue) {
   // Set default layout as a global component
   Vue.component('Layout', DefaultLayout)
-  
+
   //Use Moment.Js library inside our project
   Object.defineProperty(Vue.prototype, '$moment', {
     value: moment
@@ -203,17 +203,17 @@ In the same way, you can use any external library that causes issues in server s
 
 <script>
   // import $ from 'jquery'; //import it inside main.js
-  
+
   export default {
     name: 'Index',
     mounted() {
       //require our external library and load it in window
       window.owl = require('owl-carousel')
       window.$ = require('jquery')
-  
+
       // This works now
       $('.some-carousel').owlCarousel()
-  
+
     }
   }
 </script>
diff --git a/docs/body-html-attributes.md b/docs/body-html-attributes.md
index a6ad9f9bf..41a6e2360 100644
--- a/docs/body-html-attributes.md
+++ b/docs/body-html-attributes.md
@@ -10,7 +10,7 @@ Global body or head attributes are added in `src/main.js`.
 export default function (Vue, { head }) {
   // Add attributes to HTML tag
   head.htmlAttrs = { lang: 'en' }
-  
+
   // Add attributes to BODY tag
   head.bodyAttrs = { class: 'custom-body-class' }
 }
diff --git a/docs/deploy-to-az-static-web-app.md b/docs/deploy-to-az-static-web-app.md
index 7c83a88d8..d6d6c2df3 100644
--- a/docs/deploy-to-az-static-web-app.md
+++ b/docs/deploy-to-az-static-web-app.md
@@ -11,7 +11,7 @@ Azure Static Web Apps publishes a website to a prodution environment by building
 
 ### Create a static web app
 
-After you created your GitHub repository and commited your code, you can create a static web app from the Azure portal.
+After you created your GitHub repository and committed your code, you can create a static web app from the Azure portal.
 
 1. Navigate to the [Azure Portal](https://portal.azure.com)
 2. Select **Create a Resource**
@@ -57,7 +57,7 @@ After you sign in with GitHub, enter the repository information.
 
 ## View the website
 
-When you create an Azure Static Web App, Azure resources are provisined to make up your app. Also a GitHub Action workflow is created and commited to your repository. This workflow builds and publishes your application.
+When you create an Azure Static Web App, Azure resources are provisioned to make up your app. Also a GitHub Action workflow is created and committed to your repository. This workflow builds and publishes your application.
 
 Before you can navigate to your new static site, the deployment build must first finish running.
 
diff --git a/docs/deploy-to-netlify.md b/docs/deploy-to-netlify.md
index 889c3e295..670f6cea9 100644
--- a/docs/deploy-to-netlify.md
+++ b/docs/deploy-to-netlify.md
@@ -18,7 +18,7 @@ Alternatively, you can deploy using a `netlify.toml` file. Create a file in the
     command = "gridsome build"
 ```
 
-More infomation on `netlify.toml` files can be found in the [Netlify docs](https://www.netlify.com/docs/netlify-toml-reference/).
+More information on `netlify.toml` files can be found in the [Netlify docs](https://www.netlify.com/docs/netlify-toml-reference/).
 
 **Note:**
 
diff --git a/docs/dev-tools.md b/docs/dev-tools.md
index d10f6cd71..75c999954 100644
--- a/docs/dev-tools.md
+++ b/docs/dev-tools.md
@@ -34,12 +34,13 @@ module.exports = {
 
 ## Vetur
 
-[Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) is Vue tooling for VS Code.  
+[Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) is Vue tooling for VS Code.
+
 Vetur works perfect with Gridsome.
 
 ### GraphQL syntax for `<page-query>` and `<static-query>`
 
-Detail is [here](https://github.com/vuejs/vetur/issues/975#issuecomment-461197031)  
+Detail is [here](https://github.com/vuejs/vetur/issues/975#issuecomment-461197031)
 
 1. Install [GraphQL](https://marketplace.visualstudio.com/items?itemName=kumar-harsh.graphql-for-vscode)
 2. Add this item in `settings.json`
diff --git a/docs/head.md b/docs/head.md
index d536c2903..9276d79f1 100644
--- a/docs/head.md
+++ b/docs/head.md
@@ -22,7 +22,7 @@ export default function (Vue, { head }) {
     rel: 'stylesheet',
     href: 'https://some-server.com/external-styleheet.css'
   })
-  
+
   // Add an external JavaScript before the closing </body> tag
   head.script.push({
     src: 'https://some-server.com/external-script.js',
@@ -87,8 +87,9 @@ export default {
 
 ## How to overwrite from child component
 
-If you need to overwrite meta tags, add `key` property.  
-Gridsome is passing `tagIdKeyName: 'key'` to vue-meta as default option.  
+If you need to overwrite meta tags, add `key` property.
+
+Gridsome is passing `tagIdKeyName: 'key'` to vue-meta as default option.
 
 ```js
 // parent component
diff --git a/docs/querying-data.md b/docs/querying-data.md
index 674851620..a31ec33ce 100644
--- a/docs/querying-data.md
+++ b/docs/querying-data.md
@@ -227,7 +227,7 @@ export default {
   functional: true,
   render(createElement, context) {
     const { content } = context.data.$static.post
-  
+
     return createElement('div', {
       domProps: {
         innerHTML: content
diff --git a/examples/create-pages-api.md b/examples/create-pages-api.md
index e5eb8489a..1813dd1cc 100644
--- a/examples/create-pages-api.md
+++ b/examples/create-pages-api.md
@@ -1,5 +1,5 @@
 ---
-title: Programmatically generate pages 
+title: Programmatically generate pages
 filepath: gridsome.server.js
 filetype: js
 order: 10
diff --git a/examples/dynamic-routing.md b/examples/dynamic-routing.md
index 7cf10deb1..42a485529 100644
--- a/examples/dynamic-routing.md
+++ b/examples/dynamic-routing.md
@@ -8,7 +8,7 @@ order: 4
 ```html
 <template>
   <div v-if="user">
-    <!-- Add a [param].vue file in src/pages 
+    <!-- Add a [param].vue file in src/pages
          folder to create a dynamic route -->
     <h1>{{ user.name }}</h1>
   </div>
diff --git a/examples/progressive-images.md b/examples/progressive-images.md
index ea8a289c2..bc70807e7 100644
--- a/examples/progressive-images.md
+++ b/examples/progressive-images.md
@@ -12,7 +12,7 @@ order: 10
 
     <g-image src="~/assets/images.jpg" width="500" />
 
-    <!-- This will render a small 
+    <!-- This will render a small
     ultra-compressed, blurred inline base64 image
     before it's lazy loaded into view with
     Intersection Observer -->
diff --git a/examples/taxonomy-pages.md b/examples/taxonomy-pages.md
index c3a46b3f8..819145414 100644
--- a/examples/taxonomy-pages.md
+++ b/examples/taxonomy-pages.md
@@ -7,7 +7,7 @@ order: 5
 ```html
 <template>
   <Layout>
-    <!-- Creates a template for a "Tag" that 
+    <!-- Creates a template for a "Tag" that
     lists all post with same tag -->
     <h1>{{ $page.tag.title }}</h1>
     <ul>
diff --git a/platforms/logos/elastic-path.svg b/platforms/logos/elastic-path.svg
index 2cefe4490..6b57ca58c 100644
--- a/platforms/logos/elastic-path.svg
+++ b/platforms/logos/elastic-path.svg
@@ -1,5 +1,5 @@
-<svg id="Layer_1" data-name="Layer 1" 
-  xmlns="http://www.w3.org/2000/svg" 
+<svg id="Layer_1" data-name="Layer 1"
+  xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">
   <defs>
     <style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#344da1;}.cls-4{fill:#333;}</style>
@@ -10,4 +10,4 @@
     <path class="cls-3" d="M74.51,55.45,52.09,77.88a2.89,2.89,0,0,1-4.07,0,2.86,2.86,0,0,1,0-4.07l5.6-5.61L70.44,51.38a2.89,2.89,0,0,1,4.92,2,2.84,2.84,0,0,1-.85,2Zm10.88-15a18.26,18.26,0,0,0-25.83,0L42.74,57.32l-5.6,5.61L18.45,81.62A7.69,7.69,0,0,0,29.33,92.5l5.93-5.94a18.54,18.54,0,0,0,1.88,2.2,18.26,18.26,0,0,0,25.83,0L85.39,66.33a18.26,18.26,0,0,0,0-25.83Z"/>
     <path class="cls-3" d="M74.57,40.44a10.57,10.57,0,0,0-14.95,0h0L44.86,55.2h0l-.26.25a13.45,13.45,0,1,1-19-19l.25-.26h0L40.6,21.43a2.88,2.88,0,0,1,4.06,4.06h0a10.57,10.57,0,0,0-15-14.95h0L15,25.3h0a3.07,3.07,0,0,0-.26.25A28.85,28.85,0,0,0,14.44,66a2.44,2.44,0,0,0,.27.29,28.83,28.83,0,0,0,40.78,0,3.07,3.07,0,0,0,.25-.26h0L70.5,51.33h0a2.88,2.88,0,0,1,4.06,4.06h0a10.57,10.57,0,0,0,0-15Z"/>
   </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/style/bullet-list.scss b/src/assets/style/bullet-list.scss
index 1b31ce2b0..d18ba48e3 100644
--- a/src/assets/style/bullet-list.scss
+++ b/src/assets/style/bullet-list.scss
@@ -7,5 +7,5 @@
     vertical-align: middle;
     margin-top: -2px;
     color: var(--primary-color);
-  } 
-}
\ No newline at end of file
+  }
+}
diff --git a/src/assets/style/button.scss b/src/assets/style/button.scss
index ddeb44709..8074fbc9d 100644
--- a/src/assets/style/button.scss
+++ b/src/assets/style/button.scss
@@ -52,7 +52,7 @@
   &.primary {
     color: #FFF;
     background-color: var(--primary-color-dark);
-    
+
     &:after {
       border-color: rgba(0,0,0,.1);
     }
diff --git a/src/assets/style/docs.scss b/src/assets/style/docs.scss
index 52d8bc892..daa6a1e3c 100644
--- a/src/assets/style/docs.scss
+++ b/src/assets/style/docs.scss
@@ -21,7 +21,7 @@
     }
   }
 
-  
+
   h1, h2, h3 {
     padding-top: 6rem;
     margin-top: -5rem;
@@ -66,7 +66,7 @@
       transition: border-color .3s;
     }
   }
-  
+
   h3 { opacity: .9 }
 
   h4, h5, h6 { opacity: .8 }
@@ -92,7 +92,7 @@
   display: flex;
   align-items: center;
   padding-top: 1rem;
-  
+
   &:not(:hover) {
     color: var(--primary-color-dark);
   }
diff --git a/src/assets/style/grid.scss b/src/assets/style/grid.scss
index 489db302a..facb0c730 100644
--- a/src/assets/style/grid.scss
+++ b/src/assets/style/grid.scss
@@ -85,7 +85,7 @@ ul.flex {
 
   &--collapse {
     grid-gap: 0;
-    
+
     > div:first-child {
       border-right:0;
       border-top-right-radius: 0;
diff --git a/src/assets/style/links.scss b/src/assets/style/links.scss
index f5b6c4676..2f2cb70d0 100644
--- a/src/assets/style/links.scss
+++ b/src/assets/style/links.scss
@@ -9,7 +9,7 @@ a {
     color: var(--body-color);
     text-decoration-color: var(--body-color);
   }
-  
+
   svg + & {
     margin-left: .5rem;
   }
@@ -22,4 +22,4 @@ a {
 
 a:hover:not(.active) {
   opacity: 1;
-}
\ No newline at end of file
+}
diff --git a/src/assets/style/sidebar.scss b/src/assets/style/sidebar.scss
index a0e735d69..3a38f0cfd 100644
--- a/src/assets/style/sidebar.scss
+++ b/src/assets/style/sidebar.scss
@@ -66,7 +66,7 @@
     &.active--exact {
       color: var(--primary-color-dark);
     }
-    
+
     &:hover {
       color: var(--primary-color);
     }
@@ -127,7 +127,7 @@
       margin:0;
       order: 2;
       padding-bottom: 150px;
-     
+
     } + .section {
       margin-left: 0;
       width: 100%;
diff --git a/src/components/Card.vue b/src/components/Card.vue
index 6ea5e691a..7020ccfb3 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -61,7 +61,7 @@ export default {
       overflow: hidden;
       border-bottom: 1px solid var(--border-color);
       transition: border-color .3s;
-      
+
       img {
         margin: 0;
         width: 100%;
diff --git a/src/components/Connect.vue b/src/components/Connect.vue
index cd8d8bbce..80f8e2578 100644
--- a/src/components/Connect.vue
+++ b/src/components/Connect.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="connect">
-    
+
     <transition-group name="fade">
       <div class="connect__slide" key=1 v-show="activeSlide == 0"><g-image class="connect__logos" src="~/assets/images/connect-logos.png" width="1180" blur="10" retina="true" alt="The Modern Web Logos" /></div>
       <div class="connect__slide" key=2 v-show="activeSlide == 1"><g-image class="connect__logos" src="~/assets/images/connect-logos-2.png" width="1180" blur="10" retina="true" alt="The Modern Web Logos 2" /></div>
       <div class="connect__slide" key=3 v-show="activeSlide == 2"><g-image class="connect__logos" src="~/assets/images/connect-logos-3.png" width="1180" blur="10" retina="true" alt="The Modern Web Logos 3" /></div>
     </transition-group>
-    
+
     <g-image class="connect__main" src="~/assets/images/connect-bg.png" width="1180" blur="10" retina="true" alt="The Modern Web Background" />
 
     <svg class="connect__dots" width="958" height="833" viewBox="0 0 958 833" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -93,4 +93,4 @@ export default {
       stroke-dashoffset: -30;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Ecosystem.vue b/src/components/Ecosystem.vue
index 019068529..9a0b80f21 100644
--- a/src/components/Ecosystem.vue
+++ b/src/components/Ecosystem.vue
@@ -55,7 +55,7 @@ export default {
 
 		&__item {
 			font-size: .9rem;
-			
+
 			svg {
 				float: right;
 				margin-top: -12px;
@@ -63,4 +63,4 @@ export default {
 			}
 		}
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Examples.vue b/src/components/Examples.vue
index 038cb5060..2a2d87858 100644
--- a/src/components/Examples.vue
+++ b/src/components/Examples.vue
@@ -6,26 +6,26 @@
 				<div></div>
 				<div></div>
 			</div>
-			<a href="#" 
-				:class="{active: index == current}" 
-				@click.prevent="current = index" 
+			<a href="#"
+				:class="{active: index == current}"
+				@click.prevent="current = index"
 				v-for="({ node }, index) in $static.examples.edges">
 				{{ node.title }}
 			</a>
 		</div>
 		<div class="examples__frame">
-			<div class="examples__header flex hide-for-small" 
-				v-for="({ node }, index) in $static.examples.edges" 
-				v-if="index == current" 
+			<div class="examples__header flex hide-for-small"
+				v-for="({ node }, index) in $static.examples.edges"
+				v-if="index == current"
 				:key="index">
 				<div class="examples__header-title">
 					<div> {{ node.filepath }} </div>
 				</div>
 			</div>
 			<transition name="slide">
-				<div class="examples__code" 
-					v-for="({ node }, index) in $static.examples.edges" 
-					v-if="index == current" 
+				<div class="examples__code"
+					v-for="({ node }, index) in $static.examples.edges"
+					v-if="index == current"
 					:key="index">
 					<div v-html="node.content" />
 				</div>
@@ -157,4 +157,4 @@ query {
 	padding: 0;
 	background-color: transparent;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Feature.vue b/src/components/Feature.vue
index eddc2e60e..f7800767d 100644
--- a/src/components/Feature.vue
+++ b/src/components/Feature.vue
@@ -32,6 +32,6 @@ export default {
       margin-bottom: .5rem;
       line-height: 1.4;
     }
-    
+
   }
 </style>
diff --git a/src/components/Features.vue b/src/components/Features.vue
index edfd6d0b0..cc6a54729 100644
--- a/src/components/Features.vue
+++ b/src/components/Features.vue
@@ -2,12 +2,12 @@
        <Feature>
         <h4>Easy, local development</h4>
           <p>Enjoy modern dev tools like Vue.js, GraphQL & webpack. Get instant <strong>hot-reloading</strong> for any data change while developing locally. <strong>Gridsome makes building websites fun again.</strong>
-        </p>     
+        </p>
       </Feature>
         <Feature>
         <h4>Performance taken care of</h4>
            <p>Gridsome builds the fastest possible websites. You get <strong>code-splitting & progressive image support</strong> built-in to get close to <strong>perfect page speed scores.</strong>
-        </p>      
+        </p>
       </Feature>
         <Feature>
         <h4>SEO-friendly SPA</h4>
@@ -15,4 +15,4 @@
           Gridsome outputs normal SEO-friendly HTML. After first page is loaded the websites hydrates into a fully Vue.js-powered SPA. Next pages are prefetched so browsing around is super fast.
         </p>
       </Feature>
-      </div>
\ No newline at end of file
+      </div>
diff --git a/src/components/LogoAnimated.vue b/src/components/LogoAnimated.vue
index a48f9f58b..e17ffcc8d 100644
--- a/src/components/LogoAnimated.vue
+++ b/src/components/LogoAnimated.vue
@@ -63,7 +63,7 @@ export default {
 $easing: cubic-bezier(0.19, 1, 0.22, 1);
 
 .animated-logo {
-	width: 80px; 
+	width: 80px;
 	margin: 0 auto 1.5rem;
 	cursor: pointer;
 	svg {
@@ -100,4 +100,4 @@ $easing: cubic-bezier(0.19, 1, 0.22, 1);
 
 
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Newsletter.vue b/src/components/Newsletter.vue
index 33956c8d9..87ecef0d6 100644
--- a/src/components/Newsletter.vue
+++ b/src/components/Newsletter.vue
@@ -3,7 +3,7 @@
 		<p class="mb-half"><strong>👋 Stay in the loop.</strong> Subscribe to Gridsome newsletter!</p>
 		<form action="https://gridsome.us19.list-manage.com/subscribe/post?u=960a357f3405a688ff935a10e&amp;id=42bbd30818" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletter__form validate" target="_blank" novalidate>
 		<div id="mc_embed_signup_scroll" class="flex">
-			
+
 			<div class="newsletter__field mc-field-group flex-fit" style="margin-right: 15px">
 				<input  type="email" aria-label="Email" placeholder="your@email.com" value="" name="EMAIL" class="required email" id="mce-EMAIL">
 			</div>
@@ -29,7 +29,7 @@
 
 <style lang="scss">
 .newsletter {
-	
+
   &__top {
   	height: 4px;
   	position: absolute;
@@ -50,9 +50,9 @@
   	margin: 0 auto;
   	margin-bottom: 1rem;
   }
-  
+
   p {
   	margin-bottom: .5rem;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/home/HomeDataLayer.vue b/src/components/home/HomeDataLayer.vue
index 0c77fc0e5..09ecad622 100644
--- a/src/components/home/HomeDataLayer.vue
+++ b/src/components/home/HomeDataLayer.vue
@@ -1,7 +1,7 @@
 <template>
   <Section dots="true" secondary="true">
     <h2 class="text-center mb">Build faster with a GraphQL data layer</h2>
-    
+
     <p class="text-center lead container-md mb-x2">Gridsome <a href="#">sources data</a> from Headless CMS, local files like Markdown & Json, or any content APIs into a local <a href="">GraphQL data layer</a>. Gridsome uses the data layer to generate static pages at <strong>blazing fast speed</strong>.</p>
 
     <nav class="main-nav flex flex--center gap-30">
@@ -30,4 +30,4 @@
       </g-link>
     </nav>
   </Section>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/components/home/HomeTabs.vue b/src/components/home/HomeTabs.vue
index 13fab5851..7d191cde7 100644
--- a/src/components/home/HomeTabs.vue
+++ b/src/components/home/HomeTabs.vue
@@ -1,7 +1,7 @@
 <template>
   <Section dots="true">
     <div class="homepage-features container post">
-      
+
       <div class="grid-cols grid-cols--2 mb">
         <div style="order:2">
           <h3>All your data in one place</h3>
@@ -37,7 +37,7 @@
         <div>
           <div v-html="$static.example.content" />
         </div>
-   
+
       </div>
 
 
@@ -57,7 +57,7 @@
         <div>
           <g-image alt="Safe deployment" width="1100" src="~/assets/images/static.png" />
         </div>
-   
+
       </div>
 
     </div>
diff --git a/src/data/doc-links.yaml b/src/data/doc-links.yaml
index 1f31727b7..8fb36c39e 100644
--- a/src/data/doc-links.yaml
+++ b/src/data/doc-links.yaml
@@ -136,13 +136,13 @@
 
 - title: Help
   items:
-  - title: Prerequisites
-    link: /docs/prerequisites/
-  - title: How to upgrade
-    link: /docs/how-to-upgrade/
-  - title: Troubleshooting
-    link: /docs/troubleshooting/
-  - title: Dev tools
-    link: /docs/dev-tools/
-  - title: FAQ
-    link: /docs/faq/
+    - title: Prerequisites
+      link: /docs/prerequisites/
+    - title: How to upgrade
+      link: /docs/how-to-upgrade/
+    - title: Troubleshooting
+      link: /docs/troubleshooting/
+    - title: Dev tools
+      link: /docs/dev-tools/
+    - title: FAQ
+      link: /docs/faq/
diff --git a/src/index.html b/src/index.html
index 4ad6be1f8..00d65a822 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
     ${head}
   </head>
   <body ${bodyAttrs}>
-    
+
     <script>
       // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
       (function() {
@@ -41,4 +41,4 @@
     ${app}
     ${scripts}
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index a587ee555..2c0f85ddc 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -4,11 +4,11 @@
     <LazyHydrate when-idle>
       <home-intro-simple />
     </LazyHydrate>
-    
+
     <LazyHydrate when-visible>
       <home-how-it-work-simple />
     </LazyHydrate>
-    
+
     <LazyHydrate when-visible>
       <home-features />
     </LazyHydrate>
@@ -28,7 +28,7 @@
     <LazyHydrate when-visible>
       <home-blog />
     </LazyHydrate>
-    
+
   </Layout>
 </template>
 
@@ -53,7 +53,7 @@ export default {
     HomeFeatures,
     HomeBlog
   },
-  
+
   metaInfo: {
     title: 'Modern Site Generator for Vue.js'
   }
@@ -63,7 +63,7 @@ export default {
 <style>
 @media screen and (min-width: 850px) {
   .layout-homepage header{
-    border-color: transparent;  
+    border-color: transparent;
   }
 }
 </style>
diff --git a/src/pages/Logo.vue b/src/pages/Logo.vue
index 32084a606..123398177 100644
--- a/src/pages/Logo.vue
+++ b/src/pages/Logo.vue
@@ -103,7 +103,7 @@
 		max-width: 320px;
 		width: 100%;
 		margin: 0 auto;
-	} 
+	}
 }
 
 .colors {
diff --git a/src/templates/Plugin.vue b/src/templates/Plugin.vue
index 83ba3e216..8a0d88e2d 100644
--- a/src/templates/Plugin.vue
+++ b/src/templates/Plugin.vue
@@ -1,7 +1,7 @@
 <template>
   <Layout :footer="false">
     <div class="plugins container flex flex-align-top" style="position: relative;">
-      
+
       <AisInstantSearchSsr class="sidebar plugins__sidebar">
         <AisConfigure
           :hitsPerPage="hitsPerPage"
@@ -58,7 +58,7 @@
                 </span>
               </div>
 
-            
+
             </div>
             <div class="plugin-post__meta_right">
               <a
diff --git a/starters/starters.yaml b/starters/starters.yaml
index c74e54f05..07ee0ee6e 100644
--- a/starters/starters.yaml
+++ b/starters/starters.yaml
@@ -421,7 +421,7 @@
   author: ondrabus
   tags: gridsome, starter, kentico, kontent, blog
   platforms: kontent
-  
+
 - title: Gridsome Ecommerce BagelDB Starter
   description: Ecommerce starter example for BagelDB
   screenshot: ./screenshots/gridsome-starter-bageldb-ecommerce.png
@@ -466,7 +466,7 @@
   tags: gridsome, starter, tailwindcss, markdown, blog, minimal
   platforms: markdown
 
-- title: Forestry + FontAwesome + Tailwind 
+- title: Forestry + FontAwesome + Tailwind
   description: Tailwind, FontAwesome, and Forestry integration. A simple starter blog on Gridsome.
   screenshot: ./screenshots/forestry-tw-fa-starter.png
   repo: meditatingdragon/gridsome-tw-fa-forestry-starter
@@ -474,9 +474,9 @@
   author: rcheuk
   tags: blog, forestry, minimalist, markdown, tailwind, fontawesome
   platforms: markdown
-  
+
 - title: Vuetify Blog Starter
-  description: This is a blog starter built with Vuetify and FontAwesome icons. 
+  description: This is a blog starter built with Vuetify and FontAwesome icons.
   screenshot: ./screenshots/vuetify-starter.png
   repo: meditatingdragon/starter-gridsome-vuetify
   preview: https://festive-lalande-6eaf50.netlify.com/