not required edited for .vue files

resources/assets/js/components/AkauntingColor.vue

@@ -2,6 +2,7 @@
     <base-input :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -105,6 +106,11 @@ export default {
             description: "Selectbox disabled status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         small: {
             type: [Boolean, String],
             default: false,

resources/assets/js/components/AkauntingDate.vue

@@ -12,6 +12,7 @@
         :appendIcon="icon"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         @focus="focus"
         >
         <flat-picker slot-scope="{focus, blur}"
@@ -64,6 +65,11 @@ export default {
             description: "Input readonly status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         period: {
             type: [Number, String],
             default: "0",

resources/assets/js/components/AkauntingSelect.vue

@@ -2,6 +2,7 @@
     <base-input :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -254,6 +255,11 @@ export default {
             description: "Selectbox clearable status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         disabled: {
             type: Boolean,
             default: false,

resources/assets/js/components/AkauntingSelectRemote.vue

@@ -2,6 +2,7 @@
     <base-input v-if="title" :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -359,6 +360,11 @@ export default {
             description: "Selectbox clearable status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         disabled: {
             type: Boolean,
             default: false,

resources/assets/js/components/AkauntingWidget.vue

@@ -9,8 +9,6 @@
                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
                     <div class="form-group sm:col-span-3">
                         <base-input
-                            required
-                            class="required"
                             v-model="form.name"
                             :label="text.name"
                             :placeholder="placeholder.name"
@@ -22,8 +20,6 @@
 
                     <div class="form-group sm:col-span-3">
                         <base-input
-                            required
-                            class="required"
                             :error="form.errors.class[0]"
                             :label="text.type">
                             
@@ -41,7 +37,7 @@
                     </div>
 
                     <div class="form-group sm:col-span-3">
-                        <base-input :label="text.width">
+                        <base-input :label="text.width" not-required>
                             <el-select
                                 v-model="form.width" filterable
                                 :placeholder="placeholder.width">
@@ -56,6 +52,7 @@
 
                     <div class="form-group sm:col-span-3">
                         <base-input
+                            not-required
                             v-model="form.sort"
                             :label="text.sort"
                             :placeholder="placeholder.sort"

resources/assets/js/components/Inputs/BaseInput.vue

@@ -6,7 +6,7 @@
     <slot name="label">
       <label v-if="label" :class="labelClasses">
         {{label}}
-        <span v-if="required" class="text-red ltr:ml-1 rtl:mr-1">*</span>
+        <span v-if="!notRequired" class="text-red ltr:ml-1 rtl:mr-1">*</span>
       </label>
     </slot>
     <div class="relative" :class="[