From a5fcd5a976f3c001a76a1923fc0f67384a662d7a Mon Sep 17 00:00:00 2001
From: "Xin Du (Clark)" <clark.duxin@gmail.com>
Date: Tue, 2 Nov 2021 12:39:00 +0000
Subject: [PATCH] chore(lint): enable linting on docs files (#1638)

---
 .eslintignore                             |  1 -
 docs/.eslintrc                            |  7 +++++
 docs/components/app/AlgoliaSearchBox.vue  | 32 ++++++++++++-----------
 docs/components/app/AsideNavigation.vue   |  3 ++-
 docs/components/atoms/logo/LogoVercel.vue |  2 +-
 docs/components/molecules/HomeHero.vue    |  2 +-
 docs/docus.config.ts                      |  8 +++---
 7 files changed, 32 insertions(+), 23 deletions(-)
 create mode 100644 docs/.eslintrc

diff --git a/.eslintignore b/.eslintignore
index fcffee1acc..125155c9ed 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -3,4 +3,3 @@ node_modules
 schema
 **/*.tmpl.*
 sw.js
-docs
diff --git a/docs/.eslintrc b/docs/.eslintrc
new file mode 100644
index 0000000000..2b7a63e597
--- /dev/null
+++ b/docs/.eslintrc
@@ -0,0 +1,7 @@
+{
+  "settings": {
+    "import/ignore": [
+      "vue"
+    ]
+  }
+}
diff --git a/docs/components/app/AlgoliaSearchBox.vue b/docs/components/app/AlgoliaSearchBox.vue
index 7e0444c60e..f5be19fb46 100644
--- a/docs/components/app/AlgoliaSearchBox.vue
+++ b/docs/components/app/AlgoliaSearchBox.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-function isSpecialClick(event) {
+function isSpecialClick (event) {
   return event.button === 1 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey
 }
 
@@ -32,26 +32,26 @@ export default {
     }
   },
   watch: {
-    '$i18n.locale'(newValue) {
+    '$i18n.locale' (newValue) {
       this.update(this.options, newValue)
     },
-    options(newValue) {
+    options (newValue) {
       this.update(newValue, this.$i18n.locale)
     }
   },
-  mounted() {
+  mounted () {
     this.initialize(this.options, this.$i18n.locale)
   },
   methods: {
-    stripTrailingSlash(url) {
+    stripTrailingSlash (url) {
       return url.replace(/\/$|\/(?=\?)|\/(?=#)/g, '')
     },
-    getRelativePath(absoluteUrl) {
+    getRelativePath (absoluteUrl) {
       const { pathname, hash } = new URL(absoluteUrl)
       const url = pathname.replace(this.settings.url, '/') + hash
       return this.stripTrailingSlash(url)
     },
-    async initialize(userOptions, code) {
+    async initialize (userOptions, code) {
       const lang = this.$i18n.locales.find(locale => locale.code === code)
 
       const docsearch = await Promise.all([
@@ -63,11 +63,13 @@ export default {
         ...userOptions,
         container: '#docsearch',
         searchParameters: {
-          ...((!lang) ? {} : {
-            facetFilters: [`${userOptions.langAttribute || 'language'}:${lang.iso}`].concat(
-              userOptions.facetFilters || []
-            )
-          }),
+          ...((!lang)
+            ? {}
+            : {
+                facetFilters: [`${userOptions.langAttribute || 'language'}:${lang.iso}`].concat(
+                  userOptions.facetFilters || []
+                )
+              })
         },
         navigator: {
           navigate: ({ itemUrl }) => {
@@ -97,7 +99,7 @@ export default {
             __v: 1,
             props: {
               href: hit.url,
-              children: children,
+              children,
               onClick: (event) => {
                 if (isSpecialClick(event)) {
                   return
@@ -119,13 +121,13 @@ export default {
                 }
 
                 this.$router.push(hit.url)
-              },
+              }
             }
           }
         }
       })
     },
-    update(options, lang) {
+    update (options, lang) {
       return this.initialize(options, lang)
     }
   }
diff --git a/docs/components/app/AsideNavigation.vue b/docs/components/app/AsideNavigation.vue
index a5658ea673..23ffc611ab 100644
--- a/docs/components/app/AsideNavigation.vue
+++ b/docs/components/app/AsideNavigation.vue
@@ -29,7 +29,8 @@
           :key="link.to"
           :title="link.title"
           :docs="link.children"
-          :collapse.sync="link.collapse"
+          :collapse="link.collapse"
+          @update:collapse="link.collapse = $event"
         />
         <AsideNavigationItem v-else :key="link.to" :docs="[link]" />
       </template>
diff --git a/docs/components/atoms/logo/LogoVercel.vue b/docs/components/atoms/logo/LogoVercel.vue
index 19ee8f4cbd..02c1d07b74 100644
--- a/docs/components/atoms/logo/LogoVercel.vue
+++ b/docs/components/atoms/logo/LogoVercel.vue
@@ -9,4 +9,4 @@
   >
     <path d="M80.0761 12L159.152 148.965H1L80.0761 12Z" fill="currentColor" />
   </svg>
-</template?
+</template>
diff --git a/docs/components/molecules/HomeHero.vue b/docs/components/molecules/HomeHero.vue
index 94d8a0c4c8..3d74d4cbfe 100644
--- a/docs/components/molecules/HomeHero.vue
+++ b/docs/components/molecules/HomeHero.vue
@@ -77,7 +77,7 @@ export default {
 }
 </script>
 
-<style>
+<style lang="postcss">
 .highlight-box {
   @apply transition-shadow duration-300;
 
diff --git a/docs/docus.config.ts b/docs/docus.config.ts
index c973997d5d..bb12d346e8 100644
--- a/docs/docus.config.ts
+++ b/docs/docus.config.ts
@@ -6,10 +6,10 @@ export default {
   template: 'docs',
   twitter: 'nuxt_js',
   algolia: {
-    appId: "BH4D9OD16A",
-    container: "#docsearch",
-    apiKey: "ff80fbf046ce827f64f06e16f82f1401",
-    indexName: "nuxtjs",
+    appId: 'BH4D9OD16A',
+    container: '#docsearch',
+    apiKey: 'ff80fbf046ce827f64f06e16f82f1401',
+    indexName: 'nuxtjs',
     facetFilters: ['tags:v3']
   },
   github: {