refactor: upgrade to Livewire 4

resources/views/livewire/auth/confirm-password.blade.php

@@ -3,9 +3,9 @@
 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 {
+new #[Layout('layouts.auth')] class extends Component {
     public string $password = '';
 
     /**

resources/views/livewire/auth/forgot-password.blade.php

@@ -2,9 +2,9 @@
 
 use Illuminate\Support\Facades\Password;
 use Livewire\Attributes\Layout;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
-new #[Layout('components.layouts.auth')] class extends Component {
+new #[Layout('layouts.auth')] class extends Component {
     public string $email = '';
 
     /**

resources/views/livewire/auth/login.blade.php

@@ -8,9 +8,9 @@ use Illuminate\Support\Str;
 use Illuminate\Validation\ValidationException;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Validate;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
-new #[Layout('components.layouts.auth')] class extends Component {
+new #[Layout('layouts.auth')] class extends Component {
     #[Validate('required|string|email')]
     public string $email = '';
 
@@ -131,10 +131,10 @@ new #[Layout('components.layouts.auth')] class extends Component {
         </div>
 
         <div class="flex items-center justify-end">
-            <flux:button 
-                variant="outline" 
-                type="button" 
-                class="w-full" 
+            <flux:button
+                variant="outline"
+                type="button"
+                class="w-full"
                 href="{{ route('auth.oidc.redirect') }}"
             >
                 {{ __('Continue with OIDC') }}

resources/views/livewire/auth/register.blade.php

@@ -6,9 +6,9 @@ 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 {
+new #[Layout('layouts.auth')] class extends Component {
     public string $name = '';
     public string $email = '';
     public string $password = '';

resources/views/livewire/auth/reset-password.blade.php

@@ -8,9 +8,9 @@ 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 {
+new #[Layout('layouts.auth')] class extends Component {
     #[Locked]
     public string $token = '';
     public string $email = '';

resources/views/livewire/auth/verify-email.blade.php

@@ -4,9 +4,9 @@ use App\Livewire\Actions\Logout;
 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 {
+new #[Layout('layouts.auth')] class extends Component {
     /**
      * Send an email verification notification to the user.
      */

resources/views/livewire/catalog/index.blade.php

@@ -6,7 +6,7 @@ use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Log;
 use Livewire\Attributes\Lazy;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Symfony\Component\Yaml\Yaml;
 
 new

resources/views/livewire/catalog/trmnl.blade.php

@@ -5,7 +5,7 @@ use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Log;
 use Livewire\Attributes\Lazy;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new
 #[Lazy]

resources/views/livewire/codemirror.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\Attributes\Modelable;
 
 new class extends Component
@@ -40,7 +40,7 @@ new class extends Component
 } ?>
 
 
-<div 
+<div
     x-data="codeMirrorComponent(@js($language), @js($theme), @js($readonly), @js($placeholder), @js($height), @js($id ?: uniqid()))"
     x-init="init()"
     wire:ignore
@@ -58,7 +58,7 @@ new class extends Component
             <span>Loading editor...</span>
         </div>
     </div>
-    
+
     <!-- Editor container -->
     <div x-show="!isLoading" x-ref="editor" style="height: {{ $height }};"></div>
 </div>

resources/views/livewire/device-dashboard.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public function mount()

resources/views/livewire/device-models/index.blade.php

@@ -2,7 +2,7 @@
 
 use App\Models\DeviceModel;
 use App\Models\DevicePalette;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component
 {

resources/views/livewire/device-palettes/index.blade.php

@@ -1,7 +1,7 @@
 <?php
 
 use App\Models\DevicePalette;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component
 {

resources/views/livewire/devices/configure.blade.php

@@ -5,7 +5,7 @@ use App\Models\DeviceModel;
 use App\Models\Firmware;
 use App\Models\Playlist;
 use App\Models\PlaylistItem;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
 

resources/views/livewire/devices/logs.blade.php

@@ -2,7 +2,7 @@
 
 use App\Models\Device;
 use App\Models\DeviceLog;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public Device $device;

resources/views/livewire/devices/manage.blade.php

@@ -2,7 +2,7 @@
 
 use App\Models\Device;
 use App\Models\DeviceModel;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
 

resources/views/livewire/playlists/index.blade.php

@@ -3,7 +3,7 @@
 use App\Models\Device;
 use App\Models\Playlist;
 use App\Models\PlaylistItem;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public $devices;

resources/views/livewire/plugins/api.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Illuminate\Support\Collection;
 
 

resources/views/livewire/plugins/config-modal.blade.php

@@ -1,7 +1,7 @@
 <?php
 
 use App\Models\Plugin;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Facades\Http;
 

resources/views/livewire/plugins/image-webhook-instance.blade.php

@@ -1,7 +1,7 @@
 <?php
 
 use App\Models\Plugin;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public Plugin $plugin;
@@ -17,7 +17,7 @@ new class extends Component {
     {
         abort_unless(auth()->user()->plugins->contains($this->plugin), 403);
         abort_unless($this->plugin->plugin_type === 'image_webhook', 404);
-        
+
         $this->name = $this->plugin->name;
     }
 
@@ -272,11 +272,11 @@ new class extends Component {
                         copyable
                     />
                     <flux:description class="mt-2">POST an image (PNG or BMP) to this URL to update the displayed image.</flux:description>
-                    
+
                     <flux:callout variant="warning" icon="exclamation-circle" class="mt-4">
                         <flux:callout.text>Images must be posted in a format that can directly be read by the device. You need to take care of image format, dithering, and bit-depth. Check device logs if the image is not shown.</flux:callout.text>
                     </flux:callout>
-                    
+
                 </div>
             </div>
 

resources/views/livewire/plugins/image-webhook.blade.php

@@ -1,7 +1,7 @@
 <?php
 
 use App\Models\Plugin;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Illuminate\Support\Str;
 
 new class extends Component {
@@ -50,7 +50,7 @@ new class extends Component {
     public function deleteInstance(int $pluginId): void
     {
         abort_unless(auth()->user() !== null, 403);
-        
+
         $plugin = Plugin::where('id', $pluginId)
             ->where('user_id', auth()->id())
             ->where('plugin_type', 'image_webhook')

resources/views/livewire/plugins/index.blade.php

@@ -2,7 +2,7 @@
 
 use App\Console\Commands\ExampleRecipesSeederCommand;
 use App\Services\PluginImportService;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Livewire\WithFileUploads;
 use Illuminate\Support\Str;
 

resources/views/livewire/plugins/markup.blade.php

@@ -2,7 +2,7 @@
 
 use App\Jobs\GenerateScreenJob;
 use Illuminate\Support\Collection;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
 

resources/views/livewire/plugins/recipe.blade.php

@@ -5,7 +5,7 @@ use App\Models\Plugin;
 use App\Models\DeviceModel;
 use Illuminate\Support\Carbon;
 use Keepsuit\Liquid\Exceptions\LiquidException;
-use Livewire\Volt\Component;
+use Livewire\Component;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Facades\Http;

resources/views/livewire/plugins/recipes/settings.blade.php

@@ -2,7 +2,7 @@
 
 use App\Models\Plugin;
 use Illuminate\Validation\Rule;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 /*
  * This component contains the TRMNL Plugin Settings modal

resources/views/livewire/settings/appearance.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     //

resources/views/livewire/settings/delete-user-form.blade.php

@@ -2,7 +2,7 @@
 
 use App\Livewire\Actions\Logout;
 use Illuminate\Support\Facades\Auth;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public string $password = '';

resources/views/livewire/settings/password.blade.php

@@ -4,7 +4,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 class extends Component {
     public string $current_password = '';

resources/views/livewire/settings/preferences.blade.php

@@ -6,7 +6,7 @@ use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Session;
 use Illuminate\Validation\Rule;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public ?int $assign_new_device_id = null;

resources/views/livewire/settings/profile.blade.php

@@ -4,7 +4,7 @@ use App\Models\User;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Session;
 use Illuminate\Validation\Rule;
-use Livewire\Volt\Component;
+use Livewire\Component;
 
 new class extends Component {
     public string $name = '';

resources/views/livewire/settings/support.blade.php

@@ -1,3 +1,8 @@
+<?php
+    use Livewire\Component;
+    new class extends Component {}
+?>
+
 <section class="w-full">
     @include('partials.settings-heading')