move v-tooltip prop to global config

src/components/layout/Navigation.vue

@@ -34,7 +34,7 @@
       No product types are defined.
     </div>
     <div v-if="loaded || empty" class="px-5 py-0 text-right">
-      <v-tooltip left open-delay="800">
+      <v-tooltip>
         <template v-slot:activator="{ props: tooltip }">
           <v-dialog persistent v-model="addDialog" max-width="800">
             <template v-slot:activator="{ props: addDialog }">

src/components/product/FormRelations.vue

@@ -63,7 +63,7 @@
                 ></v-autocomplete>
               </v-card-text>
               <v-card-actions>
-                <v-tooltip bottom open-delay="800">
+                <v-tooltip>
                   <template v-slot:activator="{ props }">
                     <v-btn
                       icon

src/components/utils/ToggleDarkModeButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-tooltip location="top end" open-delay="800">
+  <v-tooltip location="top end">
     <template #activator="{ props }">
       <v-btn v-bind="props" variant="text" icon @click="toggleDark()">
         <v-icon v-if="isDark" icon="mdi-weather-night"></v-icon>

src/plugins/vuetify.ts

@@ -19,6 +19,10 @@ const vuetify = createVuetify({
     sets: { mdi },
   },
   defaults: {
+    // https://vuetifyjs.com/en/features/global-configuration/
+    VTooltip: {
+      openDelay: 800,
+    },
     VAppBar: {
       // color: "surface-container",
     },

src/views/product/ProductItem.vue

@@ -5,7 +5,7 @@
   >
     <div style="max-width: 960px; margin: auto">
       <div class="top-bar">
-        <v-tooltip v-if="node && node.type_" bottom open-delay="800">
+        <v-tooltip v-if="node && node.type_" location="top">
           <template v-slot:activator="{ props }">
             <v-btn
               v-bind="props"
@@ -21,7 +21,7 @@
           </template>
           <span>Back to the list</span>
         </v-tooltip>
-        <v-tooltip bottom open-delay="800">
+        <v-tooltip location="top">
           <template v-slot:activator="{ props }">
             <v-btn
               v-bind="props"

src/views/product/ProductList.vue

@@ -4,7 +4,7 @@
       <v-alert variant="tonal" type="error" :text="error"> </v-alert>
     </div>
     <div class="top-bar">
-      <v-tooltip bottom open-delay="800">
+      <v-tooltip>
         <template v-slot:activator="{ props }">
           <v-btn
             v-bind="props"
@@ -23,7 +23,7 @@
         <span v-else>{{ nItemsTotal }} {{ productType.plural }}</span>
       </div>
       <div v-if="loaded && nItemsTotal > 1">
-        <v-tooltip bottom open-delay="800">
+        <v-tooltip>
           <template v-slot:activator="{ props: tooltip }">
             <v-menu left offset-y>
               <template v-slot:activator="{ props: menu }">
@@ -51,7 +51,7 @@
         </v-tooltip>
       </div>
       <div v-if="loaded">
-        <v-tooltip bottom open-delay="800">
+        <v-tooltip>
           <template v-slot:activator="{ props }">
             <v-btn
               v-bind="props"

src/views/product/ProductTop.vue

@@ -44,7 +44,7 @@
           </span>
         </span>
         <span v-if="!itemName">
-          <v-tooltip left open-delay="800">
+          <v-tooltip>
             <template v-slot:activator="{ props: tooltip }">
               <v-dialog persistent v-model="editDialog" max-width="800">
                 <template v-slot:activator="{ props: editDialog }">