updating some components and configs

src/resources/js/Components/Card.vue

@@ -1,3 +1,28 @@
+<script setup>
+import { ref } from 'vue'
+
+defineEmits([])
+
+const attrs = useAttrs()
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+
+// computed properties
+const hasHeader = computed(() => !! useSlots().header);
+
+// watchers
+
+// lifecycle hooks
+
+// methods
+
+</script>
+
 <template>
     <div class="card" :class="class">
         <div class="card-header" v-if="hasHeader">
@@ -8,26 +33,3 @@
         </div>
     </div>
 </template>
-
-<script>
-import { defineComponent, ref } from 'vue'
-
-export default defineComponent({
-  props: {
-    class: {
-      type: String,
-      default: '',
-    },
-  },
-
-  setup(props, {slots}) {
-    const hasHeader = ref(false)
-
-    if (slots.header && slots.header().length) {
-      hasHeader.value = true
-    }
-
-    return { hasHeader }
-  },
-})
-</script>

src/resources/js/Layouts/AppLayout.vue

@@ -239,6 +239,7 @@ import { Head, Link } from '@inertiajs/inertia-vue3'
 import SuccessNotifications from '@/Components/Notifications/SuccessNotifications.vue'
 import ErrorNotifications from '@/Components/Notifications/ErrorNotifications.vue'
 import GenericNotifications from '@/Components/Notifications/GenericNotifications.vue'
+import WarningNotifications from '@/Components/Notifications/WarningNotifications.vue'
 import ApplicationMark from '@/Jetstream/ApplicationMark.vue'
 import ResponsiveNavLink from '@/Components/ResponsiveNavLink.vue'
 import SidenavLink from '@/Components/SidenavLink.vue'
@@ -257,6 +258,7 @@ export default defineComponent({
     SuccessNotifications,
     ErrorNotifications,
     GenericNotifications,
+    WarningNotifications,
     ApplicationMark,
     ResponsiveNavLink,
     SidenavLink,

src/resources/views/app.blade.php

@@ -4,15 +4,25 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <!-- Set the base URL for all relative URLs within the document -->
+        <base href="https://example.com/">
+
         <meta name="robots" content="index,follow">
         <meta name="googlebot" content="index,follow">
 
         <meta name="format-detection" content="telephone=no">
-        <meta http-equiv="x-dns-prefetch-control" content="off">
 
         <meta name="google" content="notranslate">
         <meta name="google" content="nositelinkssearchbox">
 
+        <!-- Prefetching, preloading, prebrowsing -->
+        <meta http-equiv="x-dns-prefetch-control" content="off">
+        <link rel="dns-prefetch" href="//example.com/">
+        <link rel="preconnect" href="https://www.example.com/">
+        <link rel="prefetch" href="https://www.example.com/">
+        <link rel="prerender" href="https://example.com/">
+        <link rel="preload" href="image.png" as="image">
+
         <meta name="rating" content="General">
 
         <meta name="url" content="{{ url('/') }}">
@@ -21,8 +31,12 @@
 
         <title inertia>{{ config('app.name', 'Laravel') }}</title>
 
+        <!-- Name of web application (only should be used if the website is used as an app) -->
+        <meta name="application-name" content="Application Name">
+
         <!-- Privacy -->
         <meta name="twitter:dnt" content="on">
+        <meta name="pinterest" content="nopin" description="Sorry, you can't save from my website!">
 
         <!-- analytics -->
         <!-- -->
@@ -37,23 +51,27 @@
         {{-- <link href="{{ url('/.webmanifest') }}" rel="manifest"> --}}
 
         <!-- Files listing who was involved in this site and copyrights -->
-        <link href="{{ url('/humans.txt') }}" rel="author">
-        <link href="{{ url('/copyright.html') }}" rel="copyright">
+        <link href="{{ url('/humans.txt') }}" rel="author" integrity="{{ env('INTEGRITY_HASH_HUMANS_TXT') }}">
+        <link href="{{ url('/copyright.html') }}" rel="copyright" integrity="{{ env('INTEGRITY_HASH_COPYRIGHT_HTML') }}">
 
         <!-- Feeds -->
         {{-- <link href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS" rel="alternate"> --}}
         {{-- <link href="{{ url('/feed.atom') }}" type="application/atom+xml" title="Atom 0.3" rel="alternate"> --}}
 
+        <!-- oEmbed links -->
+        <link rel="alternate" type="application/json+oembed" href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=json" title="oEmbed Profile: JSON">
+        <link rel="alternate" type="text/xml+oembed" href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml" title="oEmbed Profile: XML">
+
         <!-- Favicon -->
         {{-- <link href="{{ asset('/favicon.ico') }}" rel="icon" sizes="16x16" type="image/icon"> --}}
         {{-- <link href="{{ asset('/favicon.svg') }}" rel="icon" type="image/svg+xml"> --}}
         {{-- <link href="{{ asset('/favicon.png') }}" rel="icon" sizes="192x192"> --}}
 
         <!-- Font preloads (should be done for each font file) -->
-        <link href="{{ asset('/fonts/Nunito/Nunito-Regular.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
+        <link href="{{ asset('/fonts/Nunito/Nunito-Regular.woff2') }}" rel="preload" as="font" type="font/woff2" integrity="{{ env('INTEGRITY_HASH_NUNITO_REGULAR_WOFF2_FONT') }}" crossorigin="anonymous">
 
         <!-- CSS -->
-        <link href="{{ mix('/css/app.css') }}" rel="stylesheet" media="screen">
+        <link href="{{ mix('/css/app.css') }}" rel="stylesheet" integrity="{{ env('INTEGRITY_HASH_APP_CSS') }}" media="screen">
 
         <!-- JS that must be executed before the document is loaded -->
         <script>
@@ -65,9 +83,11 @@
         </script>
 
         @routes
-        <script src="{{ mix('/js/app.js') }}" defer></script>
+        <script src="{{ mix('/js/app.js') }}" integrity="{{ env('INTEGRITY_HASH_APP_JS') }}" defer></script>
     </head>
     <body class="bg-gray-100 font-sans antialiased">
+        <x-country-flags></x-country-flags>
+
         @inertia
 
     </body>