feat(BTable)!: add multisort capabilities

apps/docs/.vitepress/theme/Layout.vue

@@ -89,7 +89,7 @@
         <BOffcanvas
           id="sidebar-menu"
           v-model="sidebar"
-          teleport-disabled="true"
+          :teleport-disabled="true"
           :backdrop="false"
           title="Browse docs"
           class="h-100 border-0"
@@ -123,7 +123,7 @@
               <BOffcanvas
                 id="otp-menu"
                 v-model="onThisPage"
-                teleport-disabled="true"
+                :teleport-disabled="true"
                 :backdrop="false"
                 placement="end"
                 title="On this page"

apps/docs/package.json

@@ -13,25 +13,25 @@
   },
   "devDependencies": {
     "@iconify-json/bi": "^1.1.23",
-    "@iconify-json/simple-icons": "^1.1.90",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.17",
+    "@iconify-json/simple-icons": "^1.1.97",
+    "@rushstack/eslint-patch": "^1.10.1",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.11.30",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
-    "@vueuse/core": "^10.7.2",
-    "bootstrap": "^5.3.2",
+    "@vueuse/core": "^10.9.0",
+    "bootstrap": "^5.3.3",
     "bootstrap-vue-next": "workspace:^",
     "cross-env": "^7.0.3",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-define-config": "^2.1.0",
-    "eslint-plugin-vue": "^9.21.1",
+    "eslint-plugin-vue": "^9.24.0",
     "prettier": "^3.2.5",
-    "typescript": "^5.3.3",
+    "typescript": "^5.4.3",
     "unplugin-icons": "^0.18.5",
-    "vitepress": "1.0.0-rc.42",
-    "vue": "^3.4.18"
+    "vitepress": "1.0.2",
+    "vue": "^3.4.21"
   },
   "lint-staged": {
     "*.{js,ts,vue}": "eslint --cache --fix",

apps/docs/src/data/components/table.data.ts

@@ -43,8 +43,9 @@ export default {
         },
         {
           prop: 'sortBy',
-          type: 'string',
+          type: 'BTableSortBy[]',
           default: undefined,
+          description: 'Model representing the current sort state',
         },
         {
           prop: 'sortDesc',
@@ -259,40 +260,26 @@ export default {
         {
           args: [
             {
-              arg: 'update:sortBy',
-              description: '',
+              arg: 'value',
+              description: 'BTableSortBy[] | undefined',
               type: 'string',
             },
           ],
           event: 'update:sortBy',
-          description: '',
-        },
-        {
-          args: [
-            {
-              arg: 'update:sortDesc',
-              description: 'boolean',
-              type: 'boolean',
-            },
-          ],
-          event: 'update:sortDesc',
-          description: '',
+          description:
+            'Emitted when the `sortBy` model is changed and represents the current sort state',
         },
         {
           args: [
             {
-              arg: 'sortBy',
+              arg: 'value',
               description: '',
-              type: 'string',
-            },
-            {
-              arg: 'isDesc',
-              description: '',
-              type: 'boolean',
+              type: 'BTableSortBy',
             },
           ],
           event: 'sorted',
-          description: '',
+          description:
+            'Updated when the user clicks a sortable column heading and represents the column click and the sort state (`asc`, `desc`, or undefined)',
         },
       ],
       slots: [
@@ -485,8 +472,10 @@ export default {
         },
         {
           prop: 'stickyHeader',
-          type: 'boolean',
+          type: 'boolean | Numberish',
           default: false,
+          description:
+            'Makes the table header sticky. Set to true for a maximum height 300px tall table, or set to any valid CSS height (including units). Inputting a number type is converted to px height',
         },
       ],
       emits: [],