🚨 (lint) update project files w/ new lint rules

nuxt-themes · May 12, 2021 · 2d7598e · 2d7598e · vercel · May 12, 2021
1 parent b8c786a
commit 2d7598e
Show file tree

Hide file tree

Showing 24 changed files with 556 additions and 57 deletions.
diff --git a/docs/components/AppFooter.vue b/docs/components/AppFooter.vue
@@ -6,7 +6,16 @@
           href="https://nuxtlabs.com"
           rel="noopener"
           target="_blank"
-          class="flex items-end text-gray-900 dark:text-gray-300 dark:hover:text-gray-100 hover:text-gray-600 mb-3 sm:mb-0"
+          class="
+            flex
+            items-end
+            text-gray-900
+            dark:text-gray-300
+            dark:hover:text-gray-100
+            hover:text-gray-600
+            mb-3
+            sm:mb-0
+          "
         >
           <IconNuxtLabs class="mr-2" />
           <p class="font-semibold text-xs">Made by Nuxt Labs</p>
@@ -18,7 +27,19 @@
             aria-label="NuxtJS"
             href="https://nuxtjs.org"
             target="_blank"
-            class="text-sm flex items-center font-medium p-1 text-gray-500 transition-colors duration-200 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-400"
+            class="
+              text-sm
+              flex
+              items-center
+              font-medium
+              p-1
+              text-gray-500
+              transition-colors
+              duration-200
+              dark:text-gray-500
+              hover:text-gray-700
+              dark:hover:text-gray-400
+            "
           >
             <IconNuxt class="w-5 h-5" />
           </a>
@@ -27,7 +48,19 @@
             aria-label="Vue Telescope"
             href="https://vuetelescope.com"
             target="_blank"
-            class="text-sm flex items-center font-medium p-1 text-gray-500 transition-colors duration-200 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-400"
+            class="
+              text-sm
+              flex
+              items-center
+              font-medium
+              p-1
+              text-gray-500
+              transition-colors
+              duration-200
+              dark:text-gray-500
+              hover:text-gray-700
+              dark:hover:text-gray-400
+            "
           >
             <IconVueTelescope class="w-5 h-5" />
           </a>

diff --git a/docs/components/FooterBody.vue b/docs/components/FooterBody.vue
@@ -12,14 +12,36 @@
       <a
         href="https://nuxtjs.org"
         target="_blank"
-        class="text-sm flex items-center font-medium p-1 text-gray-500 transition-colors duration-200 dark:text-gray-500 hover:text-hex-00DC82"
+        class="
+          text-sm
+          flex
+          items-center
+          font-medium
+          p-1
+          text-gray-500
+          transition-colors
+          duration-200
+          dark:text-gray-500
+          hover:text-hex-00DC82
+        "
       >
         <IconNuxt class="w-5 h-5" />
       </a>
       <a
         href="https://vuetelescope.com"
         target="_blank"
-        class="text-sm flex items-center font-medium p-1 text-gray-500 transition-colors duration-200 dark:text-gray-500 hover:text-hex-0BDCA0"
+        class="
+          text-sm
+          flex
+          items-center
+          font-medium
+          p-1
+          text-gray-500
+          transition-colors
+          duration-200
+          dark:text-gray-500
+          hover:text-hex-0BDCA0
+        "
       >
         <IconVueTelescope class="w-5 h-5" />
       </a>

diff --git a/docs/components/Showcases.vue b/docs/components/Showcases.vue
@@ -2,8 +2,20 @@
   <div class="grid lg:grid-cols-2 gap-4">
     <div v-for="(showcase, index) of showcases" :key="index" class="border dark:border-gray-800 rounded-md">
       <a :href="showcase" target="_blank" class="py-1 block">
-        <nuxt-img loading="lazy" :src="`${showcase}/preview.png`" class="light-img rounded-md" width="1280" height="640" />
-        <nuxt-img loading="lazy" :src="`${showcase}/preview-dark.png`" class="dark-img rounded-md" width="1280" height="640" />
+        <NuxtImg
+          loading="lazy"
+          :src="`${showcase}/preview.png`"
+          class="light-img rounded-md"
+          width="1280"
+          height="640"
+        />
+        <NuxtImg
+          loading="lazy"
+          :src="`${showcase}/preview-dark.png`"
+          class="dark-img rounded-md"
+          width="1280"
+          height="640"
+        />
       </a>
     </div>
   </div>

diff --git a/playground/components/Page.vue b/playground/components/Page.vue
@@ -19,7 +19,22 @@
             <h1 class="flex-1 text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100">{{ page.title }}</h1>
             <span
               v-if="page.draft"
-              class="inline-block px-3 py-1 mr-2 text-base font-medium leading-5 tracking-tight text-yellow-500 bg-yellow-100 rounded-full items-flex dark:bg-yellow-800 dark:text-yellow-400"
+              class="
+                inline-block
+                px-3
+                py-1
+                mr-2
+                text-base
+                font-medium
+                leading-5
+                tracking-tight
+                text-yellow-500
+                bg-yellow-100
+                rounded-full
+                items-flex
+                dark:bg-yellow-800
+                dark:text-yellow-400
+              "
               >Draft</span
             >
             <DBadge v-if="page.badge" class="font-medium">{{ page.badge }}</DBadge>
@@ -30,12 +45,31 @@
         <!-- PageSummary -->
         <section class="pb-10">
           <ul
-            class="grid gap-4 font-semibold text-left text-gray-900 dark:text-gray-100 sm:grid-cols-2 xl:grid-cols-3 2xl:gap-8"
+            class="
+              grid
+              gap-4
+              font-semibold
+              text-left text-gray-900
+              dark:text-gray-100
+              sm:grid-cols-2
+              xl:grid-cols-3
+              2xl:gap-8
+            "
           >
             <li v-for="link of $docus.nav.value.en.links[2].children" :key="link.to" class="flex">
               <NuxtLink
                 :to="link.to"
-                class="relative w-full px-6 py-8 rounded shadow bg-gray-50 dark:bg-gray-800 dark:bg-gray-900 hover:shadow-lg"
+                class="
+                  relative
+                  w-full
+                  px-6
+                  py-8
+                  rounded
+                  shadow
+                  bg-gray-50
+                  dark:bg-gray-800 dark:bg-gray-900
+                  hover:shadow-lg
+                "
               >
                 <InjectComponent
                   v-if="link.icon"

diff --git a/src/admin/app/components/FilesTree.vue b/src/admin/app/components/FilesTree.vue
@@ -7,7 +7,21 @@
       :class="{ 'bg-gray-200 text-gray-900': isCurrent(file) }"
     >
       <div
-        class="group flex cursor-pointer items-center px-1 py-1 text-sm leading-5 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50"
+        class="
+          group
+          flex
+          cursor-pointer
+          items-center
+          px-1
+          py-1
+          text-sm
+          leading-5
+          hover:text-gray-900
+          hover:bg-gray-50
+          focus:outline-none
+          focus:text-gray-900
+          focus:bg-gray-50
+        "
         @click="open(file)"
       >
         <FilesTreeIcon :file="file" />

diff --git a/src/admin/runtime/DocusUI.vue b/src/admin/runtime/DocusUI.vue
@@ -12,7 +12,19 @@
       <li class="flex items-center pb-1 font-medium">
         <button
           type="button"
-          class="relative inline-flex items-center justify-center flex-shrink-0 w-10 h-5 rounded-full cursor-pointer group focus:outline-none"
+          class="
+            relative
+            inline-flex
+            items-center
+            justify-center
+            flex-shrink-0
+            w-10
+            h-5
+            rounded-full
+            cursor-pointer
+            group
+            focus:outline-none
+          "
           aria-pressed="false"
           @click="$docus.ui.draft = !$docus.ui.draft"
         >
@@ -26,7 +38,22 @@
           <span
             aria-hidden="true"
             :class="drafts ? 'translate-x-5' : 'translate-x-0'"
-            class="absolute left-0 inline-block w-5 h-5 transition-transform duration-200 ease-in-out transform bg-white border border-gray-200 rounded-full shadow pointer-events-none"
+            class="
+              absolute
+              left-0
+              inline-block
+              w-5
+              h-5
+              transition-transform
+              duration-200
+              ease-in-out
+              transform
+              bg-white
+              border border-gray-200
+              rounded-full
+              shadow
+              pointer-events-none
+            "
           ></span>
         </button>
 
@@ -36,7 +63,19 @@
       <li class="flex items-center font-medium">
         <button
           type="button"
-          class="relative inline-flex items-center justify-center flex-shrink-0 w-10 h-5 rounded-full cursor-pointer group focus:outline-none"
+          class="
+            relative
+            inline-flex
+            items-center
+            justify-center
+            flex-shrink-0
+            w-10
+            h-5
+            rounded-full
+            cursor-pointer
+            group
+            focus:outline-none
+          "
           aria-pressed="false"
           @click="$docus.ui.slots = !$docus.ui.slots"
         >
@@ -50,7 +89,22 @@
           <span
             aria-hidden="true"
             :class="slots ? 'translate-x-5' : 'translate-x-0'"
-            class="absolute left-0 inline-block w-5 h-5 transition-transform duration-200 ease-in-out transform bg-white border border-gray-200 rounded-full shadow pointer-events-none"
+            class="
+              absolute
+              left-0
+              inline-block
+              w-5
+              h-5
+              transition-transform
+              duration-200
+              ease-in-out
+              transform
+              bg-white
+              border border-gray-200
+              rounded-full
+              shadow
+              pointer-events-none
+            "
           ></span>
         </button>
 

diff --git a/src/core/runtime/api/QueryBuilder.ts b/src/core/runtime/api/QueryBuilder.ts
@@ -8,7 +8,7 @@ const omit = keys => obj =>
     .filter(key => !keys.includes(key))
     .reduce((newObj, key) => Object.assign(newObj, { [key]: obj[key] }), {})
 
-const apply = fn => data => (Array.isArray(data) ? data.map(item => fn(item)) : fn(data))
+const apply = fn => data => Array.isArray(data) ? data.map(item => fn(item)) : fn(data)
 
 export class QueryBuilder {
   private query: any

diff --git a/src/defaultTheme/components/atoms/Badge.vue b/src/defaultTheme/components/atoms/Badge.vue
@@ -1,6 +1,18 @@
 <template>
   <span
-    class="inline-flex items-center px-3 py-1 text-base leading-5 tracking-tight rounded-full bg-primary-100 dark:bg-primary-800 text-primary"
+    class="
+      inline-flex
+      items-center
+      px-3
+      py-1
+      text-base
+      leading-5
+      tracking-tight
+      rounded-full
+      bg-primary-100
+      dark:bg-primary-800
+      text-primary
+    "
   >
     <slot />
   </span>

diff --git a/src/defaultTheme/components/atoms/CardGrid.vue b/src/defaultTheme/components/atoms/CardGrid.vue
@@ -5,7 +5,16 @@
         {{ title }}
       </h2>
       <div
-        class="grid gap-4 font-semibold text-left text-gray-900 dark:text-gray-100 sm:grid-cols-2 xl:grid-cols-3 2xl:gap-8"
+        class="
+          grid
+          gap-4
+          font-semibold
+          text-left text-gray-900
+          dark:text-gray-100
+          sm:grid-cols-2
+          xl:grid-cols-3
+          2xl:gap-8
+        "
       >
         <slot />
       </div>

diff --git a/src/defaultTheme/components/atoms/CodeGroup.vue b/src/defaultTheme/components/atoms/CodeGroup.vue
@@ -1,7 +1,17 @@
 <template>
   <div class="code-group" :class="[activeTabIndex == 0 && 'first-tab']">
     <div
-      class="relative px-2 text-sm text-white bg-gray-100 border-b-2 border-gray-200 rounded-t-md h-12 dark:bg-gray-800 dark:border-gray-700"
+      class="
+        relative
+        px-2
+        text-sm text-white
+        bg-gray-100
+        border-b-2 border-gray-200
+        rounded-t-md
+        h-12
+        dark:bg-gray-800
+        dark:border-gray-700
+      "
     >
       <button
         v-for="({ label }, i) in tabs"

diff --git a/src/defaultTheme/components/atoms/CodeSandbox.vue b/src/defaultTheme/components/atoms/CodeSandbox.vue
@@ -1,7 +1,20 @@
 <template>
   <div
     ref="box"
-    class="flex items-center justify-center w-full min-h-[500px] mx-auto mb-6 overflow-hidden text-3xl text-center text-white bg-black rounded-md codesandbox"
+    class="
+      flex
+      items-center
+      justify-center
+      w-full
+      min-h-[500px]
+      mx-auto
+      mb-6
+      overflow-hidden
+      text-3xl text-center text-white
+      bg-black
+      rounded-md
+      codesandbox
+    "
     style="background-color: rgb(21, 21, 21)"
   >
     <iframe