feat: update to oruga v0.13 (#210)

Author: mlmoravek

package-lock.json

@@ -47,16 +47,16 @@
     "update": "ncu -u"
   },
   "peerDependencies": {
-    "@oruga-ui/oruga-next": "^0.12.0"
+    "@oruga-ui/oruga-next": "^0.13.0-pre.2"
   },
   "dependencies": {
     "bootstrap": "^5.3.8"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.2",
     "@eslint/js": "^10.0.1",
-    "@oruga-ui/examples": "^0.12.6",
-    "@oruga-ui/oruga-next": "^0.12.6",
+    "@oruga-ui/examples": "^0.13.0-pre.2",
+    "@oruga-ui/oruga-next": "^0.13.0-pre.2",
     "@tsconfig/node24": "^24.0.4",
     "@types/node": "^25.3.3",
     "@vitejs/plugin-vue": "^6.0.4",

package.json

@@ -7,7 +7,7 @@ import Oruga from "@oruga-ui/oruga-next";
 import Examples from "@oruga-ui/examples";
 
 // add examples styles
-import "@oruga-ui/examples/dist/examples.css";
+import "@oruga-ui/examples/index.css";
 
 // add theme config
 import { bootstrapConfig } from "./plugins/theme";
@@ -18,6 +18,7 @@ import "./assets/scss/theme-build.scss";
 createApp(App)
     .use(router)
     .use(Oruga, {
+        globalComponents: true,
         iconPack: "fas",
         iconComponent: "vue-fontawesome",
         customIconPacks: {

src/main.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { OrugaOptions } from "@oruga-ui/oruga-next";
+import type { OrugaConfig } from "@oruga-ui/oruga-next";
 
-const bootstrapConfig: OrugaOptions = {
+const bootstrapConfig: OrugaConfig = {
     autocomplete: {
         override: true,
         rootClass: "autocomplete",
@@ -510,15 +510,14 @@ const bootstrapConfig: OrugaOptions = {
         thClass: "table-th",
         thLabelClass: "column-label",
         thSortableClass: "sortable",
-        thCurrentSortClass: "current-sort",
+        thSortedClass: "current-sort",
         thSortIconClass: "sort-icon",
-        thUnselectableClass: "unselectable",
         thDetailedClass: "chevron",
         thStickyClass: "sticky",
         thCheckboxClass: "checkbox",
         thPositionClass: "text-",
         tdClass: "table-td",
-        tdDetailedChevronClass: "chevron",
+        tdDetailClass: "chevron",
         tdStickyClass: "sticky",
         tdCheckboxClass: "checkbox",
         tdPositionClass: "text-",

src/plugins/theme.ts

@@ -16,7 +16,7 @@ const routes: Array<RouteRecordRaw> = [
         component: Home,
     },
     ...components.map((component) => ({
-        path: "/components/" + component.toLocaleLowerCase(),
+        path: "/components/" + component.toLocaleLowerCase() + ".html",
         name: component,
         props: { component },
         component: Component,