refactoring: update severals components

src/components/AppSearch.vue

@@ -16,17 +16,21 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
   <div class="side-menu-search">
-    <input type="text" :value="value" :placeholder="t('side_menu', 'Search')" @input="$emit('input', $event.target.value)">
+    <input
+      type="text"
+      :value="value"
+      :placeholder="t('side_menu', 'Search')"
+      @input="emit('input', $event.target.value)"
+    />
   </div>
 </template>
 
-<script>
-export default {
-  name: 'AppSearch',
-  props: {
-    value: {
-      required: true
-    },
+<script setup>
+const emit = defineEmit('input')
+const { value } = defineProps({
+  value: {
+    type: String,
+    required: true,
   },
-}
+})
 </script>