refactor: explicit page title component

Author: connorabbas

resources/js/app.ts

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

resources/js/layouts/UserSettingsLayout.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { usePage } from '@inertiajs/vue3'
+import PageTitleSection from '@/components/PageTitleSection.vue'
 
 const page = usePage()
 const currentRoute = computed(() => {

resources/js/ssr.ts

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