refresh cache button plugin : add last cache update date and time on button title

public/site/plugins/refresh-cache-button/src/components/RefreshCacheButton.vue

@@ -1,26 +1,34 @@
 <template>
-  <k-button
-    v-if="pageStatus !== 'draft'"
-    :theme="theme"
-    variant="dimmed"
-    :icon="icon"
-    title="Rafraîchir le cache front"
-    @click="refreshCache()"
-    >{{ text }}</k-button
-  >
+  <div id="refresh-cache-button">
+    <k-button
+      v-if="pageStatus !== 'draft'"
+      :theme="theme"
+      variant="dimmed"
+      :icon="icon"
+      :title="title"
+      @click="refreshCache()"
+      >{{ text }}</k-button
+    >
+  </div>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { computed, ref } from "vue";
 
-const { pageUri, pageStatus } = defineProps({
+const { pageUri, pageStatus, lastCacheUpdate } = defineProps({
   pageUri: String,
   pageStatus: String,
+  lastCacheUpdate: String,
 });
 
 const text = ref("Rafraîchir");
 const icon = ref("refresh");
 const theme = ref("aqua-icon");
+const title = computed(() => {
+  return lastCacheUpdate?.length > 0
+    ? "Dernière mise à jour : " + lastCacheUpdate
+    : "Mettre à jour le cache front";
+});
 
 async function refreshCache() {
   text.value = "En cours…";
@@ -48,10 +56,8 @@ async function refreshCache() {
     theme.value = "green-icon";
 
     setTimeout(() => {
-      text.value = "Rafraîchir";
-      icon.value = "refresh";
-      theme.value = "aqua-icon";
-    }, 2000);
+      location.href = location.href;
+    }, 1500);
   }
 }
 </script>