Erefor

<template>
    <div :class="inputConfig?.cssClass ?? ''">
        <QInput
            v-if="inputConfig?.inputType === 'text' || inputConfig?.inputType === 'number' || inputConfig?.inputType === 'textarea'"
            :label="inputConfig?.label ?? 'NA'"
            :type="inputConfig?.inputType ?? 'text'"
            :rules="inputConfig?.rules ?? []"
            :model-value="modelValue"
            :mask="inputConfig.mask"
            @update:model-value="value = $event"

Erefor

<template>
  <div class="ui-table-container">
    <table class="ui-table-body">
      <thead class="ui-table-heade">
        <tr>
          <th
            v-for="(column, index) in componentColumns"
            :key="index"
            :title="column?.label"
            class="ui-table-th"

Erefor

<template>
  <div
    ref="componentRef"
    class="general-style"
  >
  </div>
</template>

<script>
import useDetectOutsideClick from '/useDetectOutsideClick'