style: eslint fixes

Author: uwla

eslint.config.js

@@ -5,7 +5,15 @@ import globals from "globals"
 import typescriptEslint from "typescript-eslint"
 
 export default typescriptEslint.config(
-    { ignores: ["*.d.ts", "**/coverage", "**/dist", "assets/", "src/dev.ts"] },
+    {
+        ignores: [
+            "**/*.d.ts",
+            "**/coverage",
+            "**/dist",
+            "assets/",
+            "src/dev.ts",
+        ],
+    },
     {
         extends: [
             eslint.configs.recommended,

src/components/ActionButtons/ActionButtons.ts

@@ -13,6 +13,7 @@ export default defineComponent({
         },
         data: Object,
     },
+    emits: ["userEvent"],
     methods: {
         triggerAction(action: string) {
             this.$emit("userEvent", { action: action, data: this.data })

src/components/DataTable.ts

@@ -16,6 +16,7 @@ import { parseColumnProps, parseTextProps } from "../parser"
 
 import { defineComponent, reactive } from "vue"
 import { SORTING_MODE } from "../const"
+import type { Column, Data } from "../types"
 
 export default defineComponent({
     name: "VueDataTable",
@@ -72,6 +73,8 @@ export default defineComponent({
         vKey: { type: String, default: "" },
     },
 
+    emits: ["userEvent"],
+
     data: () => {
         return reactive({
             dataFetched: [] as Column[],
@@ -361,6 +364,7 @@ export default defineComponent({
                     lastPage,
                 ]
             }
+            throw new Error('INVALID PAGE RANGE')
         },
 
         // ─────────────────────────────────────────────────────────────────────
@@ -662,12 +666,12 @@ export default defineComponent({
          * Set the current rows per page
          */
         setPerPage(value: any) {
-            let previousFirstEntry, newPerPage, newCurrentPage
+            let newPerPage, newCurrentPage
+            const previousFirstEntry = this.firstEntry
 
             // before updating the value of currentPerPage,
             // we need to store the current firstEntry.
             // We will use it to change the current page.
-            previousFirstEntry = this.firstEntry
             newPerPage = this.currentPerPage
 
             if (!this.perPageSizes.includes(newPerPage)) {

src/components/Pagination/Pagination.ts

@@ -15,6 +15,7 @@ export default defineComponent({
         nextPage: Number,
         pagination: Array,
     },
+    emits: ["set-page"],
     setup() {
         return { pageToGo: 1 }
     },

src/components/PerPage/PerPage.ts

@@ -8,6 +8,7 @@ export default defineComponent({
         currentPerPage: { type: [Number, String], required: true },
         perPageSizes: { type: Array, required: true },
     },
+    emits: ["set-per-page"],
     computed: {
         textBeforeOptions() {
             return (this.perPageText.split(":entries")[0] || "").trim()

src/components/SearchFilter/SearchFilter.ts

@@ -3,4 +3,5 @@ import { defineComponent } from "vue"
 export default defineComponent({
     name: "VdtSearchFilter",
     props: { searchText: String, search: String },
+    emits: ["set-search"],
 })

src/components/Table/Table.ts

@@ -17,6 +17,7 @@ export default defineComponent({
         sortingIconComponent: [Object, String],
         sortingIndexComponent: [Object, String],
     },
+    emits: ["user-event", "sort-column"],
     methods: {
         // Propagate upwards an event from a user custom component
         emitUserEvent(payload: any) {

src/components/Table/TableCellEditable.ts

@@ -6,6 +6,7 @@ export default defineComponent({
         data: { type: Object, required: true },
         columnKey: { type: String, required: true },
     },
+    emits: ["userEvent"],
     data: () => {
         return reactive({ isEditing: false, text: "" })
     },

src/components/Table/TableCellSelectable.ts

@@ -3,6 +3,7 @@ import { defineComponent, reactive } from "vue"
 export default defineComponent({
     name: "VdtTableCellSelectable",
     props: { data: { type: Object, required: true } },
+    emits: ["userEvent"],
     data: () => {
         return reactive({ selected: false })
     },

src/const.ts

@@ -1,3 +1,5 @@
+import type { ColumnType, SortingMode } from "./types"
+
 export const SORTING_MODE = { ASC: "asc", DESC: "desc", NONE: "none" } as {
     [key: string]: SortingMode
 }