refactoring: update severals components

src/components/SideMenuApp.vue

@@ -15,38 +15,44 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-  <li v-bind:class="classes">
-    <a v-bind:href="href" :target="target" v-bind:title="label">
-      <img class="side-menu-app-icon" v-bind:src="icon" v-bind:alt="label" />
-      <span class="side-menu-app-text" v-text="label"></span>
+  <li :class="classes">
+    <a
+      :href="href"
+      :target="target"
+      :title="label"
+    >
+      <img
+        class="side-menu-app-icon"
+        :src="icon"
+        :alt="label"
+      />
+      <span class="side-menu-app-text">{{ label }}</span>
     </a>
   </li>
 </template>
 
-<script>
-export default {
-  name: 'SideMenuApp',
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    icon: {
-      type: String,
-      required: true
-    },
-    href: {
-      type: String,
-      required: true
-    },
-    classes: {
-      type: Object,
-      required: true
-    },
-    target: {
-      type: String,
-      required: false
-    },
+<script setup>
+const { label, icon, href, classes, target } = defineProps({
+  label: {
+    type: String,
+    required: true,
   },
-}
+  icon: {
+    type: String,
+    required: true,
+  },
+  href: {
+    type: String,
+    required: true,
+  },
+  classes: {
+    type: Object,
+    required: true,
+  },
+  target: {
+    type: String,
+    required: false,
+    default: null,
+  },
+})
 </script>