🛠️ Replace Livewire\Volt\Component with Livewire\Component across all Blade views for consistency with updated Livewire conventions.

2026-01-24 12:03:17 +00:00 · 2026-01-17 16:12:07 +01:00
parent e5ea65fa77
commit eebe453f5a
53 changed files with 159 additions and 1177 deletions
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,10 +1,26 @@
-@import 'tailwindcss';
-@import '../../vendor/livewire/flux/dist/flux.css';
+@import "tailwindcss";
+@import "../../vendor/livewire/flux/dist/flux.css";

+/* ----------------------------------------
+   CONTENT SCANNING (Tailwind v4 CSS-first)
+   Keep paths MINIMAL and NON-RECURSIVE
+----------------------------------------- */
+@source "../views/**/*.blade.php";
+@source "../js/**/*.js";
+
+/* Flux runtime templates ONLY (no stubs) */
+@source "../../vendor/livewire/flux/dist/**/*.blade.php";
+
+/* ----------------------------------------
+   Custom variants
+----------------------------------------- */
@custom-variant dark (&:where(.dark, .dark *));

+/* ----------------------------------------
+   Theme tokens
+----------------------------------------- */
@theme {
-    --font-sans: 'Inconsolata', monospace;
+    --font-sans: "Inconsolata", monospace;

    --color-zinc-50: var(--color-neutral-50);
    --color-zinc-100: var(--color-neutral-100);
@@ -17,20 +33,43 @@
    --color-zinc-800: var(--color-neutral-800);
    --color-zinc-900: var(--color-neutral-900);
    --color-zinc-950: var(--color-neutral-950);
-}

-@theme {
    --color-accent: var(--color-neutral-800);
    --color-accent-content: var(--color-neutral-800);
    --color-accent-foreground: var(--color-white);
 }

-@source '../views';
-@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
-@source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
-@source '../../vendor/livewire/flux/stubs/**/*.blade.php';
+/* ----------------------------------------
+   Dark mode overrides
+----------------------------------------- */
+@layer theme {
+    .dark {
+        --color-accent: var(--color-white);
+        --color-accent-content: var(--color-white);
+        --color-accent-foreground: var(--color-neutral-800);
+    }
+}

-/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
+/* ----------------------------------------
+   Base layer tweaks
+----------------------------------------- */
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentColor);
+    }
+
+    button {
+        @apply cursor-pointer;
+    }
+}
+
+/* ----------------------------------------
+   Alpine.js helpers
+----------------------------------------- */
 [x-cloak=""] {
    display: none;
 }
@@ -41,33 +80,15 @@
    }
 }

-@layer theme {
-    .dark {
-        --color-accent: var(--color-white);
-        --color-accent-content: var(--color-white);
-        --color-accent-foreground: var(--color-neutral-800);
-    }
-}
-
-@layer base {
-    *,
-    ::after,
-    ::before,
-    ::backdrop,
-    ::file-selector-button {
-        border-color: var(--color-gray-200, currentColor);
-    }
-    button {
-        @apply cursor-pointer;
-    }
-}
-
+/* ----------------------------------------
+   Flux UI helpers
+----------------------------------------- */
 [data-flux-field]:not(ui-radio, ui-checkbox) {
    @apply grid gap-2;
 }

 [data-flux-label] {
-    @apply  !mb-0 !leading-tight;
+    @apply !mb-0 !leading-tight;
 }

 input:focus[data-flux-control],
@@ -76,22 +97,18 @@ select:focus[data-flux-control] {
    @apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
 }

-/* \[:where(&)\]:size-4 {
-    @apply size-4;
-} */
-
+/* ----------------------------------------
+   Leaflet overrides
+----------------------------------------- */
 .leaflet-popup-content-wrapper {
    background-color: #404040 !important;
 }

-.leaflet-control-zoom-in {
-    background-color: #404040 !important;
-}
-
+.leaflet-control-zoom-in,
 .leaflet-control-zoom-out {
    background-color: #404040 !important;
 }

 .leaflet-container a {
-    color: unset!important;
+    color: unset !important;
 }
--- a/resources/views/livewire/auth/confirm-password.blade.php
+++ b/resources/views/livewire/auth/confirm-password.blade.php
@@ -4,7 +4,7 @@ use App\Traits\SeoTrait;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Validation\ValidationException;
 use Livewire\Attributes\Layout;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new #[Layout('components.layouts.auth')]
 class extends Component {
--- a/resources/views/livewire/auth/forgot-password.blade.php
+++ b/resources/views/livewire/auth/forgot-password.blade.php
@@ -3,7 +3,7 @@
 use App\Traits\SeoTrait;
 use Illuminate\Support\Facades\Password;
 use Livewire\Attributes\Layout;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new #[Layout('components.layouts.auth')]
 class extends Component {
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -15,7 +15,7 @@ use Illuminate\Validation\ValidationException;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\On;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use SimpleSoftwareIO\QrCode\Facades\QrCode;

 new
--- a/resources/views/livewire/auth/register.blade.php
+++ b/resources/views/livewire/auth/register.blade.php
@@ -7,7 +7,7 @@ use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Validation\Rules;
 use Livewire\Attributes\Layout;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new #[Layout('components.layouts.auth')]
 class extends Component {
--- a/resources/views/livewire/auth/reset-password.blade.php
+++ b/resources/views/livewire/auth/reset-password.blade.php
@@ -9,7 +9,7 @@ use Illuminate\Support\Str;
 use Illuminate\Validation\Rules;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Locked;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new #[Layout('components.layouts.auth')]
 class extends Component {
--- a/resources/views/livewire/auth/verify-email.blade.php
+++ b/resources/views/livewire/auth/verify-email.blade.php
@@ -5,7 +5,7 @@ use App\Traits\SeoTrait;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Session;
 use Livewire\Attributes\Layout;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new #[Layout('components.layouts.auth')]
 class extends Component {
--- a/resources/views/livewire/cities/create.blade.php
+++ b/resources/views/livewire/cities/create.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\City;
 use App\Models\Country;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'cities_create')]
--- a/resources/views/livewire/cities/edit.blade.php
+++ b/resources/views/livewire/cities/edit.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\City;
 use App\Models\Country;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'cities_edit')]
--- a/resources/views/livewire/cities/index.blade.php
+++ b/resources/views/livewire/cities/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\City;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/country/chooser.blade.php
+++ b/resources/views/livewire/country/chooser.blade.php
@@ -1,6 +1,6 @@
 <?php

-use Livewire\Volt\Component;
+use Livewire\Component;

 new class extends Component {
    public $currentRouteName;
--- a/resources/views/livewire/courses/create-edit-events.blade.php
+++ b/resources/views/livewire/courses/create-edit-events.blade.php
@@ -7,7 +7,7 @@ use App\Models\CourseEvent;
 use App\Models\Venue;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'courses_edit_events')]
--- a/resources/views/livewire/courses/create.blade.php
+++ b/resources/views/livewire/courses/create.blade.php
@@ -5,7 +5,7 @@ use App\Models\Course;
 use App\Models\Lecturer;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/courses/edit.blade.php
+++ b/resources/views/livewire/courses/edit.blade.php
@@ -6,7 +6,7 @@ use App\Models\Lecturer;
 use App\Traits\SeoTrait;
 use Illuminate\Validation\Rule;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/courses/index.blade.php
+++ b/resources/views/livewire/courses/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\Course;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/courses/landingpage.blade.php
+++ b/resources/views/livewire/courses/landingpage.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\Course;
 use App\Models\CourseEvent;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'courses_landingpage')]
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -5,7 +5,7 @@ use App\Models\Meetup;
 use App\Models\MeetupEvent;
 use App\Traits\SeoTrait;
 use Flux\Flux;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'dashboard')]
--- a/resources/views/livewire/dashboard/activities.blade.php
+++ b/resources/views/livewire/dashboard/activities.blade.php
@@ -3,7 +3,7 @@
 use App\Models\Meetup;
 use App\Models\MeetupEvent;
 use Livewire\Attributes\Lazy;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[Lazy]
--- a/resources/views/livewire/dashboard/top-countries.blade.php
+++ b/resources/views/livewire/dashboard/top-countries.blade.php
@@ -1,7 +1,7 @@
 <?php

 use Livewire\Attributes\Lazy;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[Lazy]
--- a/resources/views/livewire/dashboard/top-meetups.blade.php
+++ b/resources/views/livewire/dashboard/top-meetups.blade.php
@@ -2,7 +2,7 @@

 use App\Models\Meetup;
 use Livewire\Attributes\Lazy;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[Lazy]
--- a/resources/views/livewire/lecturers/create.blade.php
+++ b/resources/views/livewire/lecturers/create.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\Lecturer;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/lecturers/edit.blade.php
+++ b/resources/views/livewire/lecturers/edit.blade.php
@@ -5,7 +5,7 @@ use App\Models\Lecturer;
 use App\Traits\SeoTrait;
 use Illuminate\Validation\Rule;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/lecturers/index.blade.php
+++ b/resources/views/livewire/lecturers/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\Lecturer;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/meetups/create-edit-events.blade.php
+++ b/resources/views/livewire/meetups/create-edit-events.blade.php
@@ -5,7 +5,7 @@ use App\Models\Meetup;
 use App\Models\MeetupEvent;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'meetups_create_edit_events')]
--- a/resources/views/livewire/meetups/create.blade.php
+++ b/resources/views/livewire/meetups/create.blade.php
@@ -6,7 +6,7 @@ use App\Models\Country;
 use App\Models\Meetup;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/meetups/edit.blade.php
+++ b/resources/views/livewire/meetups/edit.blade.php
@@ -7,7 +7,7 @@ use App\Models\Meetup;
 use App\Traits\SeoTrait;
 use Illuminate\Validation\Rule;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/meetups/index.blade.php
+++ b/resources/views/livewire/meetups/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\Meetup;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/meetups/landingpage-event.blade.php
+++ b/resources/views/livewire/meetups/landingpage-event.blade.php
@@ -5,7 +5,7 @@ use App\Models\MeetupEvent;
 use App\Models\User;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'meetups_landingpage_event')]
--- a/resources/views/livewire/meetups/landingpage.blade.php
+++ b/resources/views/livewire/meetups/landingpage.blade.php
@@ -5,7 +5,7 @@ use App\Models\Meetup;
 use App\Models\MeetupEvent;
 use App\Traits\SeoTrait;
 use Flux\Flux;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'meetups_landingpage')]
--- a/resources/views/livewire/meetups/map.blade.php
+++ b/resources/views/livewire/meetups/map.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\Meetup;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'meetups_map')]
--- a/resources/views/livewire/services/create.blade.php
+++ b/resources/views/livewire/services/create.blade.php
@@ -5,7 +5,7 @@ use App\Enums\SelfHostedServiceType;
 use App\Livewire\Forms\ServiceForm;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/services/edit.blade.php
+++ b/resources/views/livewire/services/edit.blade.php
@@ -6,7 +6,7 @@ use App\Livewire\Forms\ServiceForm;
 use App\Models\SelfHostedService;
 use App\Traits\SeoTrait;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;

 new
--- a/resources/views/livewire/services/index.blade.php
+++ b/resources/views/livewire/services/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\SelfHostedService;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/services/landingpage.blade.php
+++ b/resources/views/livewire/services/landingpage.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\SelfHostedService;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'services_landingpage')]
--- a/resources/views/livewire/settings/appearance.blade.php
+++ b/resources/views/livewire/settings/appearance.blade.php
@@ -2,7 +2,7 @@

 use App\Attributes\SeoDataAttribute;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'settings_appearance')]
--- a/resources/views/livewire/settings/delete-user-form.blade.php
+++ b/resources/views/livewire/settings/delete-user-form.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Livewire\Actions\Logout;
 use App\Traits\SeoTrait;
 use Illuminate\Support\Facades\Auth;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'settings_delete_user_form')]
--- a/resources/views/livewire/settings/password.blade.php
+++ b/resources/views/livewire/settings/password.blade.php
@@ -6,7 +6,7 @@ use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Validation\Rules\Password;
 use Illuminate\Validation\ValidationException;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'settings_password')]
--- a/resources/views/livewire/settings/profile.blade.php
+++ b/resources/views/livewire/settings/profile.blade.php
@@ -6,7 +6,7 @@ use App\Traits\SeoTrait;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Session;
 use Illuminate\Validation\Rule;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'settings_profile')]
--- a/resources/views/livewire/timezone/chooser.blade.php
+++ b/resources/views/livewire/timezone/chooser.blade.php
@@ -1,6 +1,6 @@
 <?php

-use Livewire\Volt\Component;
+use Livewire\Component;
 use Flux\Flux;

 new class extends Component {
--- a/resources/views/livewire/venues/create.blade.php
+++ b/resources/views/livewire/venues/create.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\Venue;
 use App\Models\City;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'venues_create')]
--- a/resources/views/livewire/venues/edit.blade.php
+++ b/resources/views/livewire/venues/edit.blade.php
@@ -4,7 +4,7 @@ use App\Attributes\SeoDataAttribute;
 use App\Models\Venue;
 use App\Models\City;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;

 new
 #[SeoDataAttribute(key: 'venues_edit')]
--- a/resources/views/livewire/venues/index.blade.php
+++ b/resources/views/livewire/venues/index.blade.php
@@ -3,7 +3,7 @@
 use App\Attributes\SeoDataAttribute;
 use App\Models\Venue;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithPagination;

 new
--- a/resources/views/livewire/welcome.blade.php
+++ b/resources/views/livewire/welcome.blade.php
@@ -2,7 +2,7 @@

 use App\Attributes\SeoDataAttribute;
 use App\Traits\SeoTrait;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\Attributes\Layout;

 new