Merge pull request #91 from JoaoPedroAS51/fix/fix-multiselect-typo

fix: fix typo `Mutiple` > `Multiple`

Author: HC200ok

src/components/DataTable.vue

@@ -44,7 +44,7 @@
               :style="getFixedDistance(header.value)"
               @click.stop="(header.sortable && header.sortType) ? updateSortField(header.value, header.sortType) : null"
             >
-              <MutipleSelectCheckBox
+              <MultipleSelectCheckBox
                 v-if="header.text === 'checkbox'"
                 :key="multipleSelectStatus"
                 :status="multipleSelectStatus"
@@ -222,7 +222,7 @@ import {
   useSlots, computed, toRefs, ref, watch, provide, onMounted, PropType,
 } from 'vue';
 
-import MutipleSelectCheckBox from './MutipleSelectCheckBox.vue';
+import MultipleSelectCheckBox from './MultipleSelectCheckBox.vue';
 import SingleSelectCheckBox from './SingleSelectCheckBox.vue';
 import RowsSelector from './RowsSelector.vue';
 import Loading from './Loading.vue';
@@ -318,7 +318,7 @@ const emits = defineEmits([
   'update:serverOptions',
 ]);
 
-const isMutipleSelectable = computed((): boolean => itemsSelected.value !== null);
+const isMultipleSelectable = computed((): boolean => itemsSelected.value !== null);
 const isServerSideMode = computed((): boolean => serverOptions.value !== null);
 
 const {
@@ -345,7 +345,7 @@ const {
   headers,
   ifHasExpandSlot,
   indexColumnWidth,
-  isMutipleSelectable,
+  isMultipleSelectable,
   isServerSideMode,
   mustSort,
   serverOptionsComputed,
@@ -408,7 +408,7 @@ const {
   pageItems,
 } = usePageItems(
   currentPaginationNumber,
-  isMutipleSelectable,
+  isMultipleSelectable,
   isServerSideMode,
   items,
   rowsPerPageRef,
@@ -437,7 +437,7 @@ const {
 const {
   clickRow,
 } = useClickRow(
-  isMutipleSelectable,
+  isMultipleSelectable,
   showIndex,
   emits,
 );

src/components/MutipleSelectCheckBox.vue src/components/MultipleSelectCheckBox.vuesrc/components/MutipleSelectCheckBox.vue renamed to src/components/MultipleSelectCheckBox.vue

@@ -3,13 +3,13 @@ import type { Item } from '../types/main';
 import type { EmitsEventName } from '../types/internal';
 
 export default function useClickRow(
-  isMutipleSelectable: ComputedRef<boolean>,
+  isMultipleSelectable: ComputedRef<boolean>,
   showIndex: Ref<boolean>,
   emits: (event: EmitsEventName, ...args: any[]) => void,
 ) {
   const clickRow = (item: Item) => {
     const clickRowArgument = { ...item };
-    if (isMutipleSelectable.value) {
+    if (isMultipleSelectable.value) {
       const { checkbox } = item;
       delete clickRowArgument.checkbox;
       clickRowArgument.isSelected = checkbox;

src/hooks/useClickRow.ts

@@ -13,7 +13,7 @@ export default function useHeaders(
   headers: Ref<Header[]>,
   ifHasExpandSlot: ComputedRef<boolean>,
   indexColumnWidth: Ref<number>,
-  isMutipleSelectable: ComputedRef<boolean>,
+  isMultipleSelectable: ComputedRef<boolean>,
   isServerSideMode: ComputedRef<boolean>,
   mustSort: Ref<boolean>,
   serverOptionsComputed: WritableComputedRef<ServerOptionsComputed | null>,
@@ -79,7 +79,7 @@ export default function useHeaders(
     }
     // checkbox
     let headersWithCheckbox: HeaderForRender[] = [];
-    if (!isMutipleSelectable.value) {
+    if (!isMultipleSelectable.value) {
       headersWithCheckbox = headersWithIndex;
     } else {
       const headerCheckbox: HeaderForRender = (fixedCheckbox.value || hasFixedColumnsFromUser.value) ? {

src/hooks/useHeaders.ts

@@ -6,7 +6,7 @@ import type { MultipleSelectStatus } from '../types/internal';
 
 export default function usePageItems(
   currentPaginationNumber: Ref<number>,
-  isMutipleSelectable: ComputedRef<boolean>,
+  isMultipleSelectable: ComputedRef<boolean>,
   isServerSideMode: ComputedRef<boolean>,
   items: Ref<Item[]>,
   rowsPerPageRef: Ref<number>,
@@ -68,7 +68,7 @@ export default function usePageItems(
 
   // items for render
   const pageItems = computed((): Item[] => {
-    if (!isMutipleSelectable.value) return itemsWithIndex.value;
+    if (!isMultipleSelectable.value) return itemsWithIndex.value;
     // multi select
     if (multipleSelectStatus.value === 'allSelected') {
       return itemsWithIndex.value.map((item) => ({ checkbox: true, ...item }));