Dependency and configuration update

.github/workflows/ci.yml

@@ -27,13 +27,13 @@ jobs:
       contents: read
     steps:
       - name: Checkout 🛎
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           fetch-depth: 0
           persist-credentials: false
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
 
       - name: Setup node env 🏗
         uses: actions/setup-node@v4
@@ -62,12 +62,12 @@ jobs:
       actions: write
     steps:
       - name: Checkout 🛎
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           persist-credentials: false
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
 
       - name: Setup node env 🏗
         uses: actions/setup-node@v4

.github/workflows/codeql-analysis.yml

@@ -28,7 +28,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           persist-credentials: false
 

.github/workflows/deploy.yml

@@ -19,12 +19,12 @@ jobs:
       actions: write
     steps:
       - name: Checkout 🛎
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           persist-credentials: false
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
 
       - name: Setup node env 🏗
         uses: actions/setup-node@v4

.github/workflows/release.yml

@@ -17,7 +17,7 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         with:
           fetch-depth: 0
           persist-credentials: false
@@ -37,13 +37,13 @@ jobs:
       contents: read
       id-token: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         with:
           fetch-depth: 0
           persist-credentials: false
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
 
       - uses: actions/setup-node@v4
         with:
@@ -55,17 +55,10 @@ jobs:
       - name: Build 👨🏻‍💻
         run: pnpm run build:prod
 
-      - name: publish to npm
-        run: |
-          {
-            echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}"
-            echo "registry=https://registry.npmjs.org/"
-            echo "always-auth=true"
-          } >> ~/.npmrc
-          npm whoami
+      - name: Install npm 11
+        run: npm install -g npm@11
 
-          pnpm -r publish --access=public --no-git-checks
-          rm ~/.npmrc
+      - name: publish to npm
+        run: pnpm -r publish --access=public --no-git-checks
         env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           NPM_CONFIG_PROVENANCE: true

example/package.json

@@ -16,22 +16,22 @@
     "@rotki/ui-library": "workspace:*",
     "pinia": "3.0.3",
     "tailwindcss": "3.4.17",
-    "vue": "3.5.16",
-    "vue-i18n": "11.1.5",
+    "vue": "3.5.19",
+    "vue-i18n": "11.1.11",
     "vue-router": "4.5.1"
   },
   "devDependencies": {
     "@tsconfig/node22": "22.0.2",
-    "@types/node": "22.15.30",
-    "@vitejs/plugin-vue": "5.2.4",
+    "@types/node": "22.17.2",
+    "@vitejs/plugin-vue": "6.0.1",
     "@vue/tsconfig": "0.7.0",
     "autoprefixer": "10.4.21",
-    "cypress": "14.4.1",
-    "postcss": "8.5.4",
-    "start-server-and-test": "2.0.12",
-    "typescript": "5.8.3",
-    "unplugin-auto-import": "19.3.0",
-    "vite": "6.3.5",
-    "vue-tsc": "2.2.10"
+    "cypress": "15.0.0",
+    "postcss": "8.5.6",
+    "start-server-and-test": "2.0.13",
+    "typescript": "5.9.2",
+    "unplugin-auto-import": "20.0.0",
+    "vite": "7.1.3",
+    "vue-tsc": "3.0.6"
   }
 }

example/src/App.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import { RouterView } from 'vue-router';
 import AppFooter from '@/components/AppFooter.vue';
 import AppFootNav from '@/components/AppFootNav.vue';
 import AppNav from '@/components/AppNav.vue';
 import AppSideNav from '@/components/AppSideNav.vue';
-import { RouterView } from 'vue-router';
 
 const navigation = ref([
   {

example/src/auto-imports.d.ts

@@ -53,6 +53,7 @@ declare global {
   const getActivePinia: typeof import('pinia')['getActivePinia']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const getCurrentWatcher: typeof import('vue')['getCurrentWatcher']
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
@@ -63,6 +64,7 @@ declare global {
   const isReactive: typeof import('vue')['isReactive']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
+  const isShallow: typeof import('vue')['isShallow']
   const logicAnd: typeof import('@vueuse/math')['logicAnd']
   const logicNot: typeof import('@vueuse/math')['logicNot']
   const logicOr: typeof import('@vueuse/math')['logicOr']
@@ -298,6 +300,7 @@ declare global {
   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
   const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
   const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeAgoIntl: typeof import('@vueuse/core')['useTimeAgoIntl']
   const useTimeout: typeof import('@vueuse/core')['useTimeout']
   const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
   const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
@@ -342,7 +345,7 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
   // @ts-ignore
   export type { ButtonGroupData } from './utils/buttons'
@@ -394,6 +397,7 @@ declare module 'vue' {
     readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
     readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
     readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly getCurrentWatcher: UnwrapRef<typeof import('vue')['getCurrentWatcher']>
     readonly h: UnwrapRef<typeof import('vue')['h']>
     readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
     readonly inject: UnwrapRef<typeof import('vue')['inject']>
@@ -404,6 +408,7 @@ declare module 'vue' {
     readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
     readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
     readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly isShallow: UnwrapRef<typeof import('vue')['isShallow']>
     readonly logicAnd: UnwrapRef<typeof import('@vueuse/math')['logicAnd']>
     readonly logicNot: UnwrapRef<typeof import('@vueuse/math')['logicNot']>
     readonly logicOr: UnwrapRef<typeof import('@vueuse/math')['logicOr']>
@@ -639,6 +644,7 @@ declare module 'vue' {
     readonly useThrottleFn: UnwrapRef<typeof import('@vueuse/core')['useThrottleFn']>
     readonly useThrottledRefHistory: UnwrapRef<typeof import('@vueuse/core')['useThrottledRefHistory']>
     readonly useTimeAgo: UnwrapRef<typeof import('@vueuse/core')['useTimeAgo']>
+    readonly useTimeAgoIntl: UnwrapRef<typeof import('@vueuse/core')['useTimeAgoIntl']>
     readonly useTimeout: UnwrapRef<typeof import('@vueuse/core')['useTimeout']>
     readonly useTimeoutFn: UnwrapRef<typeof import('@vueuse/core')['useTimeoutFn']>
     readonly useTimeoutPoll: UnwrapRef<typeof import('@vueuse/core')['useTimeoutPoll']>

example/src/components/buttons/ButtonGroups.vue

@@ -1,8 +1,8 @@
 <script setup lang='ts'>
-import ComponentGroup from '@/components/ComponentGroup.vue';
-import { type ButtonGroupData, generateButtonGroupData } from '@/utils/buttons';
 import { RuiButton, RuiButtonGroup, RuiIcon } from '@rotki/ui-library';
 import { objectOmit } from '@vueuse/shared';
+import ComponentGroup from '@/components/ComponentGroup.vue';
+import { type ButtonGroupData, generateButtonGroupData } from '@/utils/buttons';
 
 const attributes: Partial<ButtonGroupData>[] = [
   {},

example/src/components/buttons/MultiToggleButtonGroups.vue

@@ -1,8 +1,8 @@
 <script setup lang='ts'>
 import type { ButtonGroupData } from '@/utils/buttons';
-import ComponentGroup from '@/components/ComponentGroup.vue';
 import { RuiButton, RuiButtonGroup, RuiIcon } from '@rotki/ui-library';
 import { objectOmit } from '@vueuse/shared';
+import ComponentGroup from '@/components/ComponentGroup.vue';
 
 const attributes: Partial<ButtonGroupData>[] = [
   { activeColor: 'warning', required: true },

example/src/components/buttons/SingleButtons.vue

@@ -1,6 +1,6 @@
 <script lang='ts' setup>
-import ComponentGroup from '@/components/ComponentGroup.vue';
 import { type ButtonProps, contextColors, type ContextColorsType, RuiButton, RuiIcon, type RuiIcons } from '@rotki/ui-library';
+import ComponentGroup from '@/components/ComponentGroup.vue';
 
 interface ExtraProperties {
   clicks: number;

example/src/components/buttons/ToggleButtonGroups.vue

@@ -1,8 +1,8 @@
 <script setup lang='ts'>
-import ComponentGroup from '@/components/ComponentGroup.vue';
-import { type ButtonGroupData, generateButtonGroupData } from '@/utils/buttons';
 import { RuiButton, RuiButtonGroup, RuiIcon } from '@rotki/ui-library';
 import { objectOmit } from '@vueuse/shared';
+import ComponentGroup from '@/components/ComponentGroup.vue';
+import { type ButtonGroupData, generateButtonGroupData } from '@/utils/buttons';
 
 const attributes: Partial<ButtonGroupData>[] = [
   { activeColor: 'warning' },

example/src/components/tables/ApiTables.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import type { ExtendedUser, NormalizedUser } from '@/data/tables';
-import { columns, fixedColumns, sampleData } from '@/data/table-configs';
-import { fakeFetch } from '@/utils/table-utils';
 import {
   type DataTableOptions,
   type DataTableProps,
@@ -12,6 +10,8 @@ import {
 } from '@rotki/ui-library/components';
 import { objectOmit, useDebounceFn } from '@vueuse/shared';
 import { ref } from 'vue';
+import { columns, fixedColumns, sampleData } from '@/data/table-configs';
+import { fakeFetch } from '@/utils/table-utils';
 
 const props = defineProps<{
   users: NormalizedUser[];

example/src/components/tables/BasicTables.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { ExtendedUser } from '@/data/tables';
-import { columns, fixedColumns, fixedRows } from '@/data/table-configs';
 import {
   type DataTableProps,
   RuiButton,
@@ -10,6 +9,7 @@ import {
 } from '@rotki/ui-library/components';
 import { objectOmit } from '@vueuse/shared';
 import { ref } from 'vue';
+import { columns, fixedColumns, fixedRows } from '@/data/table-configs';
 
 const datatables = ref<{
   title: string;

example/src/components/tables/EmptyTables.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import type { ExtendedUser } from '@/data/tables';
-import { fixedColumns, fixedRows } from '@/data/table-configs';
-import { removeRow } from '@/utils/table-utils';
 import {
   type DataTableProps,
   RuiButton,
@@ -10,6 +8,8 @@ import {
 } from '@rotki/ui-library/components';
 import { objectOmit } from '@vueuse/shared';
 import { ref } from 'vue';
+import { fixedColumns, fixedRows } from '@/data/table-configs';
+import { removeRow } from '@/utils/table-utils';
 
 const emptyTables = ref<{
   title: string;

example/src/components/tables/ExpandableTables.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import type { ExtendedUser } from '@/data/tables';
-import { fixedColumns, fixedRows } from '@/data/table-configs';
-import { isExpanded, toggleRow } from '@/utils/table-utils';
 import {
   type DataTableProps,
   RuiButton,
@@ -12,6 +10,8 @@ import {
 } from '@rotki/ui-library/components';
 import { objectOmit } from '@vueuse/shared';
 import { ref } from 'vue';
+import { fixedColumns, fixedRows } from '@/data/table-configs';
+import { isExpanded, toggleRow } from '@/utils/table-utils';
 
 const expandableTables = ref<{
   title: string;

example/src/main.ts

@@ -1,7 +1,3 @@
-import App from '@/App.vue';
-import { router } from '@/router';
-import { useDefaultsStore } from '@/stores/defaults';
-
 import {
   createRui,
   createRuiI8nPlugin,
@@ -30,6 +26,10 @@ import {
 } from '@rotki/ui-library';
 import { createPinia, storeToRefs } from 'pinia';
 import { createI18n } from 'vue-i18n';
+
+import App from '@/App.vue';
+import { router } from '@/router';
+import { useDefaultsStore } from '@/stores/defaults';
 import '@/assets/main.css';
 import '@rotki/ui-library/style.css';
 import '@fontsource/roboto/latin.css';

example/src/router/index.ts

@@ -1,6 +1,5 @@
-/* eslint-disable import/max-dependencies */
-import ButtonView from '@/views/ButtonView.vue';
 import { createRouter, createWebHistory } from 'vue-router';
+import ButtonView from '@/views/ButtonView.vue';
 
 export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),

example/src/utils/table-utils.ts

@@ -10,9 +10,9 @@ export async function fakeFetch(
   api?: boolean,
   data: ExtendedUser[] = [],
 ): Promise<{
-    data: ExtendedUser[];
-    total: number;
-  }> {
+  data: ExtendedUser[];
+  total: number;
+}> {
   await new Promise((resolve) => {
     setTimeout(resolve, 1500);
   });

example/src/views/AccordionView.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import ComponentView from '@/components/ComponentView.vue';
 import {
   type AccordionsProps,
   RuiAccordion,
   RuiAccordions,
 } from '@rotki/ui-library';
+import ComponentView from '@/components/ComponentView.vue';
 
 const accordions = ref<(AccordionsProps & { label: string })[]>([
   {

example/src/views/AlertView.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import ComponentView from '@/components/ComponentView.vue';
 import { type AlertProps, RuiAlert } from '@rotki/ui-library';
+import ComponentView from '@/components/ComponentView.vue';
 
 interface AlertData extends Omit<AlertProps, 'title' | 'description'> {
   clicks?: number;

example/src/views/AutoCompleteView.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import ComponentView from '@/components/ComponentView.vue';
-import { createOptions, type SelectOption } from '@/data/options';
 import {
   type AutoCompleteProps,
   RuiAutoComplete,
@@ -9,6 +7,8 @@ import {
 } from '@rotki/ui-library/components';
 import { objectOmit } from '@vueuse/shared';
 import { ref } from 'vue';
+import ComponentView from '@/components/ComponentView.vue';
+import { createOptions, type SelectOption } from '@/data/options';
 
 type RuiAutoCompleteProps<TValue = number, TItem = SelectOption> = AutoCompleteProps<TValue, TItem> & {
   modelValue: TValue extends Array<infer U> ? U[] : TValue | undefined;

example/src/views/BadgeView.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import ComponentView from '@/components/ComponentView.vue';
 import {
   type BadgeProps,
   RuiBadge,
   RuiButton,
 } from '@rotki/ui-library/components';
+import ComponentView from '@/components/ComponentView.vue';
 
 const defaultModelValue = true;
 const defaultText = '1';