refactoring: move home search input

components/app/TInputIcon.vue

@@ -9,7 +9,7 @@
       v-on="$listeners"
     />
     <div
-      class="absolute flex items-center ml-3 bottom-0 top-0"
+      class="absolute flex items-center bottom-0 top-0 ml-4"
       :class="iconWrapperClass"
     >
       <fa slot="icon" :icon="icon" :class="iconClass" />

components/app/AppGlobalSearchInput.vue → components/home/HomeSearchInput.vue

 <template>
-  <div class="flex justify-evenly">
-    <TInputIcon
-      ref="search"
-      v-model="query"
-      type="search"
-      :placeholder="placeholder"
-      class="w-full"
-      :input-class="inputClass"
-      icon="search"
-      :icon-class="iconClass"
-      @keyup.enter="search()"
-    />
+  <section class="bg-gray-100 dark:bg-gray-800">
+    <div class="container py-12 relative prose">
+      <div class="flex justify-evenly">
+        <TInputIcon
+          ref="search"
+          v-model="query"
+          type="search"
+          :placeholder="placeholder"
+          class="w-full"
+          :input-class="inputClass"
+          icon="search"
+          :icon-class="iconClass"
+          icon-wrapper-class="top-0.5"
+          @keyup.enter="search()"
+        />
 
-    <t-button :class="buttonClass" :text="$t('search')" @click="search()" />
-  </div>
+        <t-button :class="buttonClass" :text="$t('search')" @click="search()" />
+      </div>
+    </div>
+  </section>
 </template>
 
 <script>

pages/index.vue

@@ -4,11 +4,7 @@
 
     <AppFlatPlan class="container mb-12" plan="ui/main-flatplan" />
 
-    <section class="bg-gray-100 dark:bg-gray-800">
-      <div class="container py-12 relative prose">
-        <AppGlobalSearchInput />
-      </div>
-    </section>
+    <HomeSearchInput />
 
     <nuxt-content
       class="container my-12 prose dark:prose-dark"