fix: breaking changes from deps

Rule-34 · May 5, 2022 · 658484b · 658484b
1 parent b1eef47
commit 658484b
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 17 deletions.
diff --git a/components/pages/posts/navigation/search/SearchTagCollections.vue b/components/pages/posts/navigation/search/SearchTagCollections.vue
@@ -31,8 +31,8 @@
       >
         <div class="text-center">
           <h3
-            class="text-lg font-medium leading-6 text-accent-400"
             id="tag-collections-title"
+            class="text-lg font-medium leading-6 text-accent-400"
           >
             Tag Collections
           </h3>
@@ -48,9 +48,9 @@
               <!--  -->
 
               <li
-                class="px-2 py-1 text-left border-util focus-within:focus-util group"
                 v-for="(tagCollection, index) in getTagCollections"
                 :key="tagCollection.name"
+                class="px-2 py-1 text-left border-util focus-within:focus-util group"
               >
                 <!--  -->
 
@@ -66,7 +66,7 @@
                   </span>
 
                   <span
-                    class="flex-shrink-0 text-primary-500 group-hover:text-primary-400"
+                    class="shrink-0 text-primary-500 group-hover:text-primary-400"
                   >
                     {{ tagCollection.tags.length }}
 
@@ -108,7 +108,7 @@
 </template>
 
 <script>
-import { mapGetters, mapActions } from 'vuex'
+import { mapActions, mapGetters } from 'vuex'
 import { TagIcon } from 'vue-feather-icons'
 
 export default {

diff --git a/components/pages/premium/PremiumLogin.vue b/components/pages/premium/PremiumLogin.vue
@@ -12,7 +12,7 @@
         <input
           id="license-key"
           v-model="login.password"
-          class="flex-grow block w-10/12 p-2 text-sm font-light text-gray-300 outline-none appearance-none focus:focus-util material-container bg-darkGray-700 border-darkGray-100"
+          class="grow block w-10/12 p-2 text-sm font-light text-gray-300 outline-none appearance-none focus:focus-util material-container bg-darkGray-700 border-darkGray-100"
           placeholder="XXXXXXXX-XXXXXXXX-XXXXXXXX-XXXXXXXX"
           type="text"
           name="license-key"

diff --git a/components/pages/premium/PremiumSubscription.vue b/components/pages/premium/PremiumSubscription.vue
@@ -31,7 +31,7 @@
       <ul>
         <!--  -->
         <li class="flex items-start">
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <check-icon class="w-6 h-6 icon text-accent-400" />
           </div>
           <NuxtLink
@@ -44,7 +44,7 @@
 
         <!--  -->
         <li class="flex items-start mt-4">
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <check-icon class="w-6 h-6 icon text-accent-400" />
           </div>
           <NuxtLink
@@ -57,7 +57,7 @@
 
         <!--  -->
         <li class="flex items-start mt-4">
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <check-icon class="w-6 h-6 icon text-accent-400" />
           </div>
           <NuxtLink
@@ -70,7 +70,7 @@
 
         <!--  -->
         <li class="flex items-start mt-4">
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <check-icon class="w-6 h-6 icon text-accent-400" />
           </div>
           <p class="ml-3 text-base font-medium leading-6 text-gray-300">
@@ -80,7 +80,7 @@
 
         <!--  -->
         <li class="flex items-start mt-4">
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <check-icon class="w-6 h-6 icon text-accent-400" />
           </div>
           <p class="ml-3 text-base font-medium leading-6 text-gray-300">

diff --git a/components/pages/settings/SettingSwitch.vue b/components/pages/settings/SettingSwitch.vue
@@ -3,7 +3,7 @@
     <!-- Enabled: "bg-indigo-600", Not Enabled: "bg-gray-200" -->
     <button
       type="button"
-      class="relative inline-flex flex-shrink-0 w-16 h-6 transition-colors duration-200 border-2 rounded-full cursor-pointer border-darkGray-100 focus:focus-util"
+      class="relative inline-flex shrink-0 w-16 h-6 transition-colors duration-200 border-2 rounded-full cursor-pointer border-darkGray-100 focus:focus-util"
       :class="[settingData.value ? 'bg-primary-500' : 'bg-darkGray-700']"
       :aria-pressed="settingData.value"
       :aria-labelledby="settingName"
@@ -24,7 +24,7 @@
       ></span>
     </button>
 
-    <span class="ml-3" :id="settingName">
+    <span :id="settingName" class="ml-3">
       <span class="text-sm text-gray-300">
         {{ settingData.name }}
       </span>

diff --git a/pages/premium/index.vue b/pages/premium/index.vue
@@ -54,7 +54,7 @@
 
         <!-- Custom Tag Collections  -->
         <div class="flex flex-row items-center p-4 material-container">
-          <div class="flex-grow">
+          <div class="grow">
             <h1 class="text-lg font-medium text-gray-200">Tag Collections</h1>
             <p class="text-gray-300">Manage your collections of tags</p>
           </div>
@@ -69,7 +69,7 @@
 
         <!-- Saved Posts  -->
         <div class="flex flex-row items-center p-4 material-container">
-          <div class="flex-grow">
+          <div class="grow">
             <h1 class="text-lg font-medium text-gray-200">Saved Posts</h1>
             <p class="text-gray-300">Manage your saved posts</p>
           </div>
@@ -83,7 +83,7 @@
         </div>
 
         <!-- Spacer -->
-        <div class="flex-grow" />
+        <div class="grow" />
 
         <!-- Notice -->
         <p class="text-sm text-center text-gray-300">

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -25,8 +25,6 @@ module.exports = {
 
           700: 'hsl(0, 0%, 7%)', // Background
         },
-
-        ...defaultColors,
       },
 
       maxHeight: {