not required edited for .vue files

resources/views/components/form/group/color.blade.php

@@ -46,6 +46,10 @@
         small="{{ $attributes['small'] }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (! empty($attributes['v-model']))
         @interface="form.errors.clear('{{ $attributes['v-model'] }}'); {{ $attributes['v-model'] . ' = $event' }}"
         @elseif (! empty($attributes['data-field']))

resources/views/components/form/group/date.blade.php

@@ -15,6 +15,8 @@
 
         @if ($required)
         :required="{{ $required ? 'true' : 'false' }}"
+        @else
+        :not-required={{ $required ? 'false' : 'true' }}
         @endif
 
         @if ($readonly)

resources/views/components/form/group/date_time.blade.php

@@ -21,6 +21,10 @@
         :disabled="{{ $disabled }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (!empty($attributes['v-error']))
         :form-classes="[{'has-error': {{ $attributes['v-error'] }} }]"
         @else

resources/views/components/form/group/select.blade.php

@@ -125,6 +125,10 @@
         :no-arrow="{{ $attributes['no-arrow'] }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (isset($attributes['v-disabled']))
         :disabled="{{ $attributes['v-disabled'] }}"
         @endif

resources/views/components/form/group/time.blade.php

@@ -15,6 +15,8 @@
 
         @if ($required)
         :required="{{ $required ? 'true' : 'false' }}"
+        @else
+        :not-required={{ $required ? 'false' : 'true' }}
         @endif
 
         @if ($readonly)