From 658484b211a79dd9bad36743e52d051404e6d597 Mon Sep 17 00:00:00 2001
From: Alejandro Akbal <37181533+AlejandroAkbal@users.noreply.github.com>
Date: Thu, 5 May 2022 08:54:42 +0200
Subject: [PATCH] fix: breaking changes from deps

---
 .../posts/navigation/search/SearchTagCollections.vue   |  8 ++++----
 components/pages/premium/PremiumLogin.vue              |  2 +-
 components/pages/premium/PremiumSubscription.vue       | 10 +++++-----
 components/pages/settings/SettingSwitch.vue            |  4 ++--
 pages/premium/index.vue                                |  6 +++---
 tailwind.config.js                                     |  2 --
 6 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/components/pages/posts/navigation/search/SearchTagCollections.vue b/components/pages/posts/navigation/search/SearchTagCollections.vue
index 3f0a70c9..101cfb39 100644
--- 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
index c5cc2d23..38cd0315 100644
--- 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
index b0ba65a5..ae21b2e7 100644
--- 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
index 9893499f..43789e85 100644
--- 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
index f49fb099..ec5b6a81 100644
--- 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
index a985ef45..02c813ca 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -25,8 +25,6 @@ module.exports = {
 
           700: 'hsl(0, 0%, 7%)', // Background
         },
-
-        ...defaultColors,
       },
 
       maxHeight: {