replace nuxt/images by vuetify images

components/Ui/Loading/Gear.vue

@@ -1,6 +1,6 @@
 <template>
-  <nuxt-img
-    src="/images/gear.gif"
+  <v-img
+    src="static/images/gear.gif"
     :alt="$t('please_wait')"
     style="margin-top:100px; width:70px"
   />

components/Ui/Map/Structures.vue

@@ -16,11 +16,16 @@
         :key="shortcut.src"
         cols="4"
         lg="2"
+        class="px-1"
       >
         <div @click="setMapBounds(shortcut.bounds)">
-          <nuxt-img
+          <v-img
             :src="shortcut.src"
             :alt="shortcut.alt"
+            :title="shortcut.alt"
+            width="85"
+            height="85"
+            style="border: solid 1px #000;"
           />
         </div>
       </v-col>
@@ -175,9 +180,4 @@ export default Vue.extend({
   .map-shortcuts {
     padding: 12px 6px;
   }
-  .map-shortcuts img {
-      border: solid 1px #000;
-      width: 75px;
-      height: 75px;
-  }
 </style>

nuxt.config.js

@@ -58,7 +58,6 @@ export default {
   modules: [
     '@nuxtjs/i18n',
     '@nuxtjs/axios',
-    '@nuxt/image',
     'nuxt-leaflet',
     [
       'nuxt-fontawesome', {

package.json

@@ -20,7 +20,6 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^2.0.2",
-    "@nuxt/image": "^0.6.0",
     "@nuxtjs/axios": "^5.13.6",
     "@nuxtjs/i18n": "^7.0.3",
     "core-js": "^3.15.1",

pages/structures/_id.vue

@@ -15,10 +15,11 @@
 
     <v-container class="content">
       <v-layout class="flex-row align-center mb-4">
-        <nuxt-img
+        <v-img
           v-if="structure.logoId"
           :src="'https://api.opentalent.fr/app.php/_internal/secure/files/' + structure.logoId + '/0x60'"
           alt="logo"
+          max-width="60"
         />
 
         <h2 class="flex mx-4 d-flex align-center">
@@ -40,12 +41,12 @@
 
       <v-row>
         <v-col class="d-flex justify-center" cols="12">
-          <nuxt-img
+          <img
             v-if="structure.imageId"
             :src="'https://api.opentalent.fr/app.php/_internal/secure/files/' + structure.imageId + '/raw'"
             alt="banner"
             style="max-height: 300px"
-          />
+          >
         </v-col>
       </v-row>
 

pages/structures/index.vue

@@ -197,8 +197,8 @@
                         v-if="structure.logoId"
                         :src="'https://api.opentalent.fr/app.php/_internal/secure/files/' + structure.logoId"
                         alt="poster"
-                        height="80px"
-                        width="240px"
+                        height="80"
+                        width="240"
                         max-height="100%"
                         :contain="true"
                         style="margin: 12px;"