refactor: explicit Container component use

Author: connorabbas

resources/js/app.ts

@@ -11,7 +11,6 @@ import ToastService from 'primevue/toastservice'
 import { useToast } from 'primevue/usetoast'
 import Toast from 'primevue/toast'
 
-import Container from '@/components/Container.vue'
 import PageTitleSection from '@/components/PageTitleSection.vue'
 
 import { useSiteColorMode } from '@/composables/useSiteColorMode'
@@ -73,7 +72,6 @@ createInertiaApp({
                 pt: globalPt,
             })
             .use(ToastService)
-            .component('Container', Container)
             .component('PageTitleSection', PageTitleSection)
             .provide('colorMode', colorMode)
             .mount(el);

resources/js/layouts/GuestAuthLayout.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Link as InertiaLink } from '@inertiajs/vue3'
 import ApplicationLogo from '@/components/ApplicationLogo.vue'
+import Container from '@/components/Container.vue'
 import FlashMessages from '@/components/FlashMessages.vue'
 </script>
 

resources/js/layouts/app/HeaderLayout.vue

@@ -3,6 +3,7 @@ import { usePage } from '@inertiajs/vue3'
 import { useAppLayout } from '@/composables/useAppLayout'
 import { ChevronsUpDown, Menu as MenuIcon } from 'lucide-vue-next'
 import ClientOnly from '@/components/ClientOnly.vue'
+import Container from '@/components/Container.vue'
 import PopupMenuButton from '@/components/PopupMenuButton.vue'
 import NavLogoLink from '@/components/NavLogoLink.vue'
 import FlashMessages from '@/components/FlashMessages.vue'

resources/js/layouts/app/SidebarLayout.vue

@@ -3,6 +3,7 @@ import { usePage } from '@inertiajs/vue3'
 import { ChevronsUpDown, Menu as MenuIcon } from 'lucide-vue-next'
 import { useAppLayout } from '@/composables/useAppLayout'
 import ClientOnly from '@/components/ClientOnly.vue'
+import Container from '@/components/Container.vue'
 import PopupMenuButton from '@/components/PopupMenuButton.vue'
 import FlashMessages from '@/components/FlashMessages.vue'
 import NavLogoLink from '@/components/NavLogoLink.vue'

resources/js/pages/Error.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue';
 import { Head as InertiaHead, Link as InertiaLink } from '@inertiajs/vue3';
 import { ArrowLeft } from 'lucide-vue-next';
+import Container from '@/components/Container.vue'
 
 const props = defineProps<{
     errorTitles: Record<number, string>

resources/js/pages/Welcome.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { usePage, Head as InertiaHead, Link as InertiaLink } from '@inertiajs/vue3'
 import { LayoutGrid, LogIn, Settings, UserPlus } from 'lucide-vue-next'
+import Container from '@/components/Container.vue'
 
 defineProps<{
     laravelVersion: string,

resources/js/ssr.ts

@@ -10,7 +10,6 @@ import PrimeVue from 'primevue/config'
 import ToastService from 'primevue/toastservice'
 import Toast from 'primevue/toast'
 
-import Container from '@/components/Container.vue'
 import PageTitleSection from '@/components/PageTitleSection.vue'
 import { useSiteColorMode } from '@/composables/useSiteColorMode'
 
@@ -64,7 +63,6 @@ createServer((page) =>
                 .use(ZiggyVue, ziggyConfig)
                 .use(PrimeVue, { theme: 'none' }) // TODO: PrimeVue won't render it's styles server side
                 .use(ToastService)
-                .component('Container', Container)
                 .component('PageTitleSection', PageTitleSection)
                 .provide('colorMode', colorMode)