refactor(livewire config): menjadikan konfigurasi nya manual

config/livewire.php

@@ -114,7 +114,7 @@
     |
     */
 
-    'inject_assets' => true,
+    'inject_assets' => false,
 
     /*
     |---------------------------------------------------------------------------

package-lock.json

@@ -5,7 +5,9 @@
     "packages": {
         "": {
             "dependencies": {
-                "@dasundev/livewire-dropzone-styles": "^2.0.4"
+                "@dasundev/livewire-dropzone-styles": "^2.0.4",
+                "@ryangjchandler/alpine-clipboard": "^2.3.0",
+                "alpinejs": "^3.15.1"
             },
             "devDependencies": {
                 "@tailwindcss/vite": "^4.0.0",
@@ -100,6 +102,12 @@
                 "linux"
             ]
         },
+        "node_modules/@ryangjchandler/alpine-clipboard": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@ryangjchandler/alpine-clipboard/-/alpine-clipboard-2.3.0.tgz",
+            "integrity": "sha512-r1YL/LL851vSemjgcca+M6Yz9SNtA9ATul8nJ0n0sAS1W3V1GUWvH0Od2XdQF1r36YJF+/4sUc0eHF/Zexw7dA==",
+            "license": "MIT"
+        },
         "node_modules/@tailwindcss/node": {
             "version": "4.1.13",
             "dev": true,
@@ -374,6 +382,30 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
+            "license": "MIT"
+        },
+        "node_modules/alpinejs": {
+            "version": "3.15.1",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.15.1.tgz",
+            "integrity": "sha512-HLO1TtiE92VajFHtLLPK8BWaK1YepV/uj31UrfoGnQ00lyFOJZ+oVY3F0DghPAwvg8sLU79pmjGQSytERa2gEg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "dev": true,

package.json

@@ -15,6 +15,8 @@
         "vite": "^7.0.4"
     },
     "dependencies": {
-        "@dasundev/livewire-dropzone-styles": "^2.0.4"
+        "@dasundev/livewire-dropzone-styles": "^2.0.4",
+        "@ryangjchandler/alpine-clipboard": "^2.3.0",
+        "alpinejs": "^3.15.1"
     }
 }

resources/js/app.js

@@ -1 +1,11 @@
 import './bootstrap';
+
+import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
+import Clipboard from '@ryangjchandler/alpine-clipboard'
+
+Alpine.plugin(Clipboard)
+
+Livewire.alpine = Alpine
+
+Livewire.start()
+Alpine.start()

resources/views/components/layouts/auth.blade.php

@@ -6,6 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>{{ $title }} | {{ config('app.name') }}</title>
         @vite(['resources/css/app.css', 'resources/js/app.js'])
+        @livewireStyles
         @fluxAppearance
         <link rel="icon" type="image/png" href="{{ asset('assets/images/logo.png') }}">
         <link rel="preconnect" href="https://fonts.bunny.net">
@@ -19,6 +20,8 @@
 
         {{ $slot }}
         @fluxScripts
+
+        @livewireScriptConfig
     </body>
 
 </html>