refactoring: update severals components

src/components/SettingsButton.vue

@@ -16,34 +16,34 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
   <div class="side-menu-settings">
-    <a v-bind:href="href">
+    <a :href="href">
       <!--
       {{ label }}
       -->
 
       <span class="avatardiv avatardiv-shown">
-        <img v-bind:src="avatar" :alt="label">
+        <img
+          :src="avatar"
+          :alt="label"
+        />
       </span>
     </a>
   </div>
 </template>
 
-<script>
-export default {
-  name: 'SettingsButton',
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    href: {
-      type: String,
-      required: true
-    },
-    avatar: {
-      type: String,
-      required: true
-    },
+<script setup>
+const { label, href, avatar } = defineProps({
+  label: {
+    type: String,
+    required: true,
   },
-}
+  href: {
+    type: String,
+    required: true,
+  },
+  avatar: {
+    type: String,
+    required: true,
+  },
+})
 </script>