Make the on click refresh an automatic refresh

resources/js_vue3/App.vue

@@ -55,8 +55,7 @@
         :duration="4000"
         :speed="0"
         :max="1"
-        classes="notification is-radiusless"
-        :dangerouslySetInnerHtml="true" />
+        classes="notification is-radiusless" />
     <main class="main-section">
         <RouterView />
     </main>

resources/js_vue3/views/Accounts.vue

@@ -60,10 +60,8 @@
         // We now check the twofaccounts store state in case the backend data have changed.
         const isUpToDate = await twofaccounts.isUpToDateWithBackend()
         if (! isUpToDate) {
-            notify.action({
-                text: '<span class="is-size-7">' + trans('commons.data_have_changed_on_server_side') + '</span><br /><a href="." class="button is-rounded is-warning is-small">' + trans('commons.reload') + '</a>',
-                duration: -1
-            })
+            await twofaccounts.refresh()
+            notify.info({ text: trans('commons.data_refreshed_to_reflect_server_changes'), duration: 10000 })
         }
     })
 

resources/lang/en/commons.php

@@ -47,7 +47,8 @@
     'new_name' => 'New name',
     'options' => 'Options',
     'reload' => 'Reload',
-    'some_data_have_changed' => 'Some data have changed. You should',
+    'refresh' => 'Refresh',
+    'data_refreshed_to_reflect_server_changes' => 'Data has been refresh to reflect server-side changes',
     'generate' => 'Generate',
     'generating_otp' => 'Generating OTP',
     'open_in_browser' => 'Open in browser',