Logo Branding

resources/js/app.ts

@@ -16,6 +16,12 @@ import 'flag-icons/css/flag-icons.min.css'
 import VueApexCharts from 'vue3-apexcharts'
 import {createPinia} from "pinia";
 
+if ('serviceWorker' in navigator) {
+    import('virtual:pwa-register').then(({ registerSW }) => {
+        registerSW({ immediate: true })
+        navigator.serviceWorker.register('scripts/sw.js');
+    })
+}
 
 const appName = document.querySelector('meta[name="app-name"]')?.getAttribute('content') || 'Laravel';
 

resources/js/vite-env.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/client" />
 
 declare module '*.css'

resources/views/app.blade.php

@@ -8,8 +8,17 @@
         <title inertia>{{ config('app.name', 'Laravel') }}</title>
         <link rel="icon" type="image/x-icon" href="{{ asset('img/favicons/favicon.png') }}">
         <!-- Fonts -->
+
         <link rel="preconnect" href="https://fonts.bunny.net">
         <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+        <!-- Apple Touch Icons -->
+        <link rel="apple-touch-icon" href="/img/app_icons/apple-touch-icon-180.png-">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+        <meta name="apple-mobile-web-app-title" content="FlightsGoneBy">
+        <meta name="theme-color" content="#020d29">
+        <link rel="manifest" href="/build/manifest.webmanifest">
+
 
         <!-- Scripts -->
         @routes