add shortscuts

add open/close action

src/components/AppSearch.vue

@@ -18,19 +18,12 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <div class="side-menu-search">
     <input
       type="text"
-      :value="value"
       :placeholder="t('side_menu', 'Search')"
-      @input="emit('input', $event.target.value)"
+      v-model="model"
     />
   </div>
 </template>
 
 <script setup>
-const emit = defineEmits('input')
-const { value } = defineProps({
-  value: {
-    type: String,
-    required: true,
-  },
-})
+const model = defineModel()
 </script>

src/components/CloserButton.vue

@@ -17,8 +17,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 <template>
   <button
     class="side-menu-opener side-menu-closer"
-    :arial-label="label"
+    :arial-label="t('side_menu', 'Close the menu')"
+    @click="$emit('click')"
   >
     <span>{{ t('side_menu', 'Close the menu') }}</span>
   </button>
 </template>
+
+<script setup>
+defineEmits(['click'])
+</script>

src/components/OpenerButton.vue

@@ -18,7 +18,12 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <button
     class="side-menu-opener"
     :arial-label="label"
+    @click="$emit('click')"
   >
     <span>{{ t('side_menu', 'Toggle the menu') }}</span>
   </button>
 </template>
+
+<script setup>
+defineEmits(['click'])
+</script>

src/components/PageLoader.vue

@@ -1,6 +1,9 @@
 <template>
   <div id="side-menu-loader">
-    <div id="side-menu-loader-bar" :style="createStyle(width)"></div>
+    <div
+      id="side-menu-loader-bar"
+      :style="createStyle(width)"
+    ></div>
   </div>
 </template>