elk/components/pwa/PwaBadge.client.vue

<template>
  <button
    v-if="useNuxtApp().$pwa?.needRefresh"
    bg="primary-fade" relative rounded
    flex="~ gap-1 center" px3 py1 text-primary
    @click="useNuxtApp().$pwa?.updateServiceWorker()"
  >
    <div i-ri-download-cloud-2-line />
    <h2 flex="~ gap-2" items-center>
      {{ $t('pwa.update_available_short') }}
    </h2>
  </button>
</template>
ui: update button for mobile 2022-12-23 18:26:28 +00:00			`<template>`
			`<button`
refactor: no reactivity transform (#2600) 2024-02-21 15:20:08 +00:00			`v-if="useNuxtApp().$pwa?.needRefresh"`
feat: theme colors (#1195) 2023-01-16 10:26:19 +00:00			`bg="primary-fade" relative rounded`
ui: update button for mobile 2022-12-23 18:26:28 +00:00			`flex="~ gap-1 center" px3 py1 text-primary`
refactor: no reactivity transform (#2600) 2024-02-21 15:20:08 +00:00			`@click="useNuxtApp().$pwa?.updateServiceWorker()"`
ui: update button for mobile 2022-12-23 18:26:28 +00:00			`>`
			`<div i-ri-download-cloud-2-line />`
			`<h2 flex="~ gap-2" items-center>`
			`{{ $t('pwa.update_available_short') }}`
			`</h2>`
			`</button>`
			`</template>`