unique file field x-data function

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js?id=f4941a7bc57a4dca4d67",
-    "/css/app.css": "/css/app.css?id=a88d4db0d55ebb98c6d6"
+    "/css/app.css": "/css/app.css?id=c9e54c1d1d6ab3652cf0"
 }

resources/css/_base.css

@@ -20,3 +20,12 @@
 .turbolinks-progress-bar {
   @apply h-1 bg-indigo-500;
 }
+
+/**
+ * Links
+ */
+
+.link,
+a {
+  @apply transition-all duration-200;
+}

resources/css/components/_tables.css

@@ -39,6 +39,18 @@
       .mode-dark & {
         @apply border-gray-700;
       }
+
+      a {
+        @apply text-indigo-400;
+
+        &:hover {
+          @apply text-indigo-600;
+
+          .mode-dark & {
+            @apply text-indigo-200;
+          }
+        }
+      }
     }
   }
 }

resources/views/fields/file.blade.php

@@ -1,5 +1,5 @@
 @php($disabled = $field->disabled || (!$field->file_multiple && count($this->form_data[$field->name])) >= 1)
-<fieldset x-data="file()" class="col-span-4 {{ $field->class }}">
+<fieldset x-data="{{ Str::camel($field->name) }}()" class="col-span-4 {{ $field->class }}">
     @if ($field->label)
         <legend 
             class="
@@ -85,7 +85,7 @@
 </fieldset>
 
 <script>
-    function file() {
+    function {{ Str::camel($field->name) }}() {
         return {
             loading: false,
             isLoading() {