Comando
1 <script setup> 2 import { ref } from "vue"; 3 const logado = ref(false); 4 function alternarLogin() { 5 logado.value = !logado.value; 6 } 7 </script> 8 <template> 9 <button @click="alternarLogin"> Alternar
login </button> 10 <p v-if="logado">Usuário autenticado</p> 11 <p v-else>Usuário não autenticado</p> 12 </template>
No seguinte trecho simplificado de código de um service worker de uma PWA, é utilizada a estratégia cache-first, por meio da qual toda requisição interceptada pelo service worker é atendida pelo cache, garantindo funcionamento offline para qualquer recurso solicitado pela aplicação.
1 self.addEventListener("fetch", (event) => { 2 event.respondWith( 3 caches.match(event.request).then((
respostaEmCache ) => { 4 if (respostaEmCache) { 5 return respostaEmCache; 6 } 7 return fetch(event.request); 8 }) 9 ); 10 });