fix: Input name for AppTInputIcon

components/home/HomeSearchInput.vue

@@ -2,7 +2,7 @@
   <section class="bg-gray-100 dark:bg-gray-800">
     <div class="container py-12 relative prose">
       <div class="flex justify-evenly">
-        <TInputIcon
+        <AppTInputIcon
           ref="search"
           v-model="query"
           type="search"

components/search/SearchContainer.vue

@@ -7,7 +7,7 @@
     <div class="md:flex justify-between mb-8">
       <div class="w-full">
         <div class="md:flex">
-          <TInputIcon
+          <AppTInputIcon
             v-model="query"
             type="search"
             :placeholder="searchPlaceholder || $t('search')"
@@ -34,7 +34,16 @@
                 "
                 :key="item.path"
                 :to="item.path.replace(/^\/pages\//, '/')"
-                class="block cursor-pointer dark-hover:bg-gray-700 hover:bg-gray-100 mb-2 p-2 rounded-lg transition-colors"
+                class="
+                  block
+                  cursor-pointer
+                  dark-hover:bg-gray-700
+                  hover:bg-gray-100
+                  mb-2
+                  p-2
+                  rounded-lg
+                  transition-colors
+                "
               >
                 <slot name="item" :item="item">
                   <h1 class="text-xl" v-html="item.title" />

plugins/vue-tailwind.js

@@ -46,8 +46,7 @@ const settings = {
       classes:
         'text-white bg-blue-500 border border-transparent shadow-sm rounded hover:bg-blue-600',
       variants: {
-        text:
-          'block px-4 py-2 transition duration-100 ease-in-out rounded hover:shadow-sm hover:underline hover:bg-white hover:bg-opacity-50 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
+        text: 'block px-4 py-2 transition duration-100 ease-in-out rounded hover:shadow-sm hover:underline hover:bg-white hover:bg-opacity-50 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
         custom:
           'block px-4 py-2 text-white transition duration-100 ease-in-out border border-transparent rounded shadow-sm  focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
         success: