misc

Author: connorabbas

resources/js/Components/InputErrors.vue

@@ -12,7 +12,7 @@ function toggleTheme() {
 <template>
     <Button
         title="Change theme"
-        :icon="currentTheme === 'light' ? 'pi pi-moon' : 'pi pi-sun'"
+        :icon="currentTheme === 'light' ? 'pi pi-sun' : 'pi pi-moon'"
         @click="toggleTheme"
     />
 </template>

resources/js/Components/ToggleThemeButton.vue

@@ -1,6 +1,7 @@
 <script setup>
 import ApplicationLogo from '@/Components/ApplicationLogo.vue';
 import ResponsiveCard from '@/Components/ResponsiveCard.vue';
+import Toast from 'primevue/toast';
 </script>
 
 <template>
@@ -20,6 +21,7 @@ import ResponsiveCard from '@/Components/ResponsiveCard.vue';
         </div>
 
         <div class="w-full sm:max-w-md mt-6">
+            <Toast />
             <ResponsiveCard>
                 <slot />
             </ResponsiveCard>

resources/js/Layouts/GuestLayout.vue

@@ -33,13 +33,15 @@ defineProps({
                     <div class="text-6xl text-primary font-bold mb-4">
                         & PrimeVue
                     </div>
-                    <p class="mt-0 mb-6 text-muted-color leading-normal">
+                    <p class="mt-0 mb-1 text-muted-color leading-normal">
                         A starter kit using the Vue/Inertia option for
                         <a
                             href="https://laravel.com/docs/master/starter-kits#laravel-breeze"
                             class="underline text-primary hover:text-color"
                             >Laravel Breeze</a
-                        >
+                        >,
+                    </p>
+                    <p class="mt-0 mb-6 text-muted-color leading-normal">
                         utilizing
                         <a
                             href="https://primevue.org/"