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

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": {
     "bulma": "1.0.4"
   },
   "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/node22": "^22.0.5",
     "@types/node": "^24.11.0",
     "@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";
 // import main bundle, either separated or combined
 // these imports are for testing different ways of including theme/bulma styles
 // use one or the other. do not use both.
@@ -20,6 +20,7 @@ import { bulmaConfig } from "./plugins/theme";
 createApp(App)
     .use(router)
     .use(Oruga, {
+        globalComponents: true,
         iconPack: "fas",
         iconComponent: "vue-fontawesome",
         customIconPacks: {

src/main.ts

@@ -1,7 +1,7 @@
-import type { OrugaOptions } from "@oruga-ui/oruga-next";
+import type { OrugaConfig } from "@oruga-ui/oruga-next";
 import { isTrueish } from "@oruga-ui/oruga-next";
 
-const bulmaConfig: OrugaOptions = {
+const bulmaConfig: OrugaConfig = {
     field: {
         override: true,
         rootClass: "field",
@@ -104,7 +104,7 @@ const bulmaConfig: OrugaOptions = {
         activeClass: "is-active",
         mobileClass: undefined,
         teleportClass: "is-teleported",
-        fullScreenClass: "is-fullscreen",
+        fullscreenClass: "is-fullscreen",
         backdropClass: undefined,
         wrapperClass: "modal-content modal-card",
         textPositionClass: (position: string) => {
@@ -180,7 +180,7 @@ const bulmaConfig: OrugaOptions = {
         },
         sizeClass: "is-",
         simpleClass: "is-simple",
-        orderClass: "is-",
+        positionClass: "is-",
         roundedClass: "is-rounded",
         listClass: "pagination-list",
         buttonClass: "pagination-link",
@@ -244,14 +244,13 @@ const bulmaConfig: OrugaOptions = {
         trSelectedClass: "is-selected",
         trDetailedClass: "is-detailed",
         thSortableClass: "is-sortable",
-        thCurrentSortClass: "is-current-sort",
+        thSortedClass: "is-current-sort",
         thSortIconClass: "sort-icon",
-        thUnselectableClass: "is-unselectable",
         thStickyClass: "is-sticky",
         tdStickyClass: "is-sticky",
         thCheckboxClass: "th-checkbox",
         thDetailedClass: "th-chevron-cell",
-        tdDetailedChevronClass: "chevron-cell",
+        tdDetailClass: "chevron-cell",
         thPositionClass: "is-",
         tdPositionClass: "has-text-",
         mobileClass: "is-mobile",
@@ -452,7 +451,6 @@ const bulmaConfig: OrugaOptions = {
         itemDisabledClass: "is-disabled",
         itemFocusedClass: "is-focused",
         itemSelectedClass: "is-active",
-        itemClickableClass: "is-clickable",
         filterClass: "list-item panel-block",
         emptyClass: "list-item panel-block is-disabled",
         headerClass: "list-item panel-block",

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,

src/router/index.ts

@@ -5,6 +5,7 @@
     "paths": {
       "@/*": ["./src/*"]
     },
+
     "types": ["vite/client", "@oruga-ui/oruga-next/volar"]
   },
   "include": [

tsconfig.app.json

@@ -1,21 +1,10 @@
 {
-  "extends": ["@vue/tsconfig/tsconfig.json", "@tsconfig/node22/tsconfig.json"],
+  "extends": ["@tsconfig/node22/tsconfig.json", "@vue/tsconfig/tsconfig.json"],
   "compilerOptions": {
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
+
     "types": ["node"]
   },
-  "include": [
-    "commitlint.config.*",
-    "eslint.config.*",
-    "stylelint.config.*",
-    "prettier.config.*",
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*"
-  ]
+  "include": ["*.config.*"]
 }