update

src/components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/NewAddArtist.ts

+import { defineComponent } from 'vue';
+import { i18n } from 'src/boot/i18n';
+
+export default defineComponent({
+  props: {
+    showDialog: {
+      type: Boolean,
+      required: true,
+    },
+    fieldsAddOptions: {type: Array, required: true},
+    fieldsAdd: { type: Number, required: true},
+    nameAdd: { type: String, required: true },
+    myedityAdd: { type: String, required: true },
+    timeAdd: { type: String, required: true },
+    status: { type: Boolean, required: true },
+  },
+  setup() {
+    const nameAddRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireNameAdd'),
+    ];
+    const myedityAddRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireMyedityAdd'),
+    ];
+      const fieldsAddRules = [
+        (val?: number) =>
+          val !== undefined ||
+          i18n.global.t('managingUnitAdd.validateMessages.requireFieldsAdd'),
+      ];
+    const timeAddRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireTimeAdd'),
+    ];
+    return {
+        nameAddRules,
+        myedityAddRules,
+        fieldsAddRules,
+        timeAddRules,
+    };
+  },
+  emits: [
+    'update:showDialog',
+    'click:CloseBtn',
+    'update:nameAdd',
+    'update:myedityAdd',
+    'update:fieldsAdd',
+    'update:timeAdd',
+    'update:status',
+    'addNewManagingUnitsArtist',
+  ],
+});

src/components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/index.vue

+<template>
+  <q-dialog
+    persistent
+    :model-value="showDialog"
+    @update:model-value="$emit('update:showDialog', $event)"
+  >
+    <q-card style="min-width: 700px" bordered>
+      <q-form greedy @submit.prevent="$emit('addNewManagingUnitsArtist')">
+        <q-card-section>
+          <q-item>
+            <q-item-section>
+              <q-item-label class="text-h6 text-weight-regular">{{
+                $t('managingUnitAdd.dialogLabel.title.add')
+              }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-section>
+          <div class="row q-col-gutter-sm">
+            <div class="col-6">
+              <q-input
+                :model-value="nameAdd"
+                @update:model-value="$emit('update:nameAdd', $event)"
+                :label="$t('managingUnit.dialogLabel.fieldLabels.nameAdd')"
+                :rules="nameAddRules"
+                hide-bottom-space
+                type="text"
+                class="q-my-sm"
+                outlined
+                clearable
+              ></q-input>
+              <q-input
+                :model-value="myedityAdd"
+                @update:model-value="$emit('update:myedityAdd', $event)"
+                :label="$t('managingUnit.dialogLabel.fieldLabels.myedityAdd')"
+                type="text"
+                class="q-my-sm"
+                outlined
+                :rules="myedityAddRules"
+                hide-bottom-space
+                clearable
+              ></q-input>
+              <div style="padding-left: 8px">
+                <span class="text-body1">{{
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
+                }}</span
+                ><q-toggle
+                  :model-value="status"
+                  @update:model-value="$emit('update:status', $event)"
+                />
+              </div>
+            </div>
+            <div class="col-6">
+              <q-select
+                :model-value="fieldsAdd"
+                @update:model-value="$emit('update:fieldsAdd', $event)"
+                :label="$t('managingUnit.dialogLabel.fieldLabels.fieldsAdd')"
+                :options="fieldsAddOptions"
+                :rules="fieldsAddRules"
+                emit-value
+                map-options
+                option-value="id"
+                option-label="text"
+                class="q-my-sm"
+                outlined
+                hide-bottom-space
+                clearable
+              ></q-select>
+              <q-input
+                :model-value="timeAdd"
+                @update:model-value="$emit('update:timeAdd', $event)"
+                :label="$t('managingUnit.dialogLabel.fieldLabels.timeAdd')"
+                class="q-my-sm"
+                type="text"
+                outlined
+                :rules="timeAddRules"
+                hide-bottom-space
+                clearable
+              ></q-input>
+            </div>
+          </div>
+        </q-card-section>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script lang="ts" src="./NewAddArtist.ts"></script>

src/components/managingunits/add-new-managingunits-dialog/index.vue

@@ -10,7 +10,7 @@
           <q-item>
             <q-item-section>
               <q-item-label class="text-h6 text-weight-regular">{{
-                $t('managingUnit.dialogLabel.title.add')
+                $t('managingUnitAdd.dialogLabel.title.add')
               }}</q-item-label>
             </q-item-section>
           </q-item>
@@ -192,7 +192,7 @@
               no-caps
               style="width: 90px"
               class="q-mr-sm"
-              :label="$t('customer.crudActions.cancel')"
+              :label="$t('managingUnit.crudActions.cancel')"
               @click="$emit('click:CloseBtn')"
             />
             <q-btn
@@ -200,7 +200,7 @@
               color="primary"
               no-caps
               style="width: 90px"
-              :label="$t('customer.crudActions.save')"
+              :label="$t('managingUnit.crudActions.save')"
             />
           </div>
         </q-card-actions>

src/components/managingunits/add-new-managingunits-dialog/update-new-artist-dialog/index.vue

+<template>
+  <div>My component</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  // name: 'ComponentName'
+})
+</script>