fix(ci): sign drone config

Reviewed-on: vikunja/frontend#2878
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>

.drone.yml

@@ -451,9 +451,6 @@ kind: pipeline
 type: docker
 name: update-translations
 
-depends_on:
-  - build
-
 trigger:
   branch:
     - main
@@ -513,6 +510,6 @@ steps:
         from_secret: crowdin_key
 ---
 kind: signature
-hmac: 9f26b5af73e3464e9ee1b5fbcb96854ca8a7e5f8d6ee2d85fd8376aad951b446
+hmac: 381766491766da14ff022383ce0107955f811f7ccb55e95c9c03094e4df809e1
 
 ...

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -1,6 +1,7 @@
 name: Bug Report
 description: Found something you weren't expecting? Report it here!
-labels: kind/bug
+labels:
+  - kind/bug
 body:
   - type: markdown
     attributes:

CHANGELOG.md

@@ -9,6 +9,211 @@ All releases can be found on https://code.vikunja.io/frontend/releases.
 
 The releases aim at the api versions which is why there are missing versions.
 
+## [0.20.2] - 2022-12-18
+
+### Bug Fixes
+
+* *(bug-report.yml)* List (#2845)
+* *(quick add magic)* Don't create a new label multiple times if it is used in multiple tasks
+* *(task)* Pass a list specified via quick add magic down to all subtasks created via indention
+* *(task)* Move task color bubble next to task index and done badge on mobile
+* *(tasks)* Remove a task from its bucket when it is in the first kanban bucket
+* *(tasks)* Missing space when showing parent tasks and list title
+* *(tasks)* Translation for multiple related tasks now works
+* Move createdUpdated styles to component (#2685) ([4c458a1](4c458a1ad0761920868e3863982d5175664b3e6e))
+* Move heading styles to component (#2686) ([293402b](293402b6fdfc699661c7f287ff1759a9ce5bea17))
+* Use scss for datemathHelp (#2690) ([06775cf](06775cf4c72cf81a125b91d49c8d81e8649af661))
+* Reactive const assignment (#2692) ([4c4adfd](4c4adfdf4e79eff3e101d9f0bd68bc3e5bb76495))
+* Remove vuex leftover from setModuleLoading (#2716) ([3aaacf4](3aaacf4533c761864d3081edb92c9380df43f8b1))
+* Icon offset and color ([74ad98d](74ad98de680f8b56e42886cd1e33874bd05772fa))
+* Only load buckets if listId set (#2741) ([7db79ff](7db79ff04e4ce87d62cae7f93b67570bbc5c13be))
+* Add all json files in src (#2737) ([422e731](422e731fe0d44c2e3be603b549538a05a695b95c))
+* Vite.config imports (#2843) ([318e8c8](318e8c83a68bcb2f7953553c036f677a97b01c21))
+
+### Dependencies
+
+* *(deps)* Update dependency rollup to v3.3.0 (#2689)
+* *(deps)* Update dependency @types/dompurify to v2.4.0 (#2688)
+* *(deps)* Update dependency @vue/test-utils to v2.2.2 (#2696)
+* *(deps)* Update dependency caniuse-lite to v1.0.30001431
+* *(deps)* Update dependency happy-dom to v7.7.0
+* *(deps)* Update dependency netlify-cli to v12.1.1 (#2699)
+* *(deps)* Update dependency postcss-preset-env to v7.8.3 (#2701)
+* *(deps)* Update dependency vitest to v0.25.2 (#2702)
+* *(deps)* Update pnpm to v7.16.0 (#2703)
+* *(deps)* Update typescript-eslint monorepo to v5.43.0
+* *(deps)* Update dependency ufo to v1
+* *(deps)* Update dependency esbuild to v0.15.14 (#2706)
+* *(deps)* Update dependency @vue/test-utils to v2.2.3 (#2707)
+* *(deps)* Update dependency vite to v3.2.4
+* *(deps)* Update dependency typescript to v4.9.3
+* *(deps)* Update dependency cypress to v11.1.0
+* *(deps)* Update font awesome to v6.2.1 (#2712)
+* *(deps)* Update pnpm to v7.16.1 (#2717)
+* *(deps)* Update dependency pinia to v2.0.24
+* *(deps)* Update sentry-javascript monorepo to v7.20.0 (#2720)
+* *(deps)* Update dependency eslint to v8.28.0
+* *(deps)* Update dependency esbuild to v0.15.15
+* *(deps)* Update dependency netlify-cli to v12.2.4
+* *(deps)* Update dependency @vue/test-utils to v2.2.4
+* *(deps)* Update pnpm to v7.17.0
+* *(deps)* Update dependency marked to v4.2.3
+* *(deps)* Update dependency codemirror to v5.65.10
+* *(deps)* Update sentry-javascript monorepo to v7.20.1
+* *(deps)* Update dependency pinia to v2.0.25
+* *(deps)* Update dependency rollup to v3.4.0
+* *(deps)* Update typescript-eslint monorepo to v5.44.0
+* *(deps)* Update vueuse to v9.6.0 (#2742)
+* *(deps)* Update dependency vitest to v0.25.3 (#2743)
+* *(deps)* Update dependency cypress to v11.2.0
+* *(deps)* Update sentry-javascript monorepo to v7.21.0
+* *(deps)* Update dependency @4tw/cypress-drag-drop to v2.2.2
+* *(deps)* Update sentry-javascript monorepo to v7.21.1 (#2747)
+* *(deps)* Update dependency pinia to v2.0.26
+* *(deps)* Update dependency @cypress/vue to v5.0.2
+* *(deps)* Update dependency highlight.js to v11.7.0 (#2752)
+* *(deps)* Update dependency eslint-plugin-vue to v9.8.0 (#2753)
+* *(deps)* Update dependency @infectoone/vue-ganttastic to v2.1.3
+* *(deps)* Update dependency rollup to v3.5.0 (#2756)
+* *(deps)* Update pnpm to v7.17.1 (#2755)
+* *(deps)* Update dependency esbuild to v0.15.16
+* *(deps)* Update dependency pinia to v2.0.27 (#2757)
+* *(deps)* Update dependency caniuse-lite to v1.0.30001434 (#2759)
+* *(deps)* Update dependency netlify-cli to v12.2.7 (#2760)
+* *(deps)* Update dependency @kyvg/vue3-notification to v2.7.0 (#2761)
+* *(deps)* Update typescript-eslint monorepo to v5.45.0 (#2762)
+* *(deps)* Update dependency ufo to v1.0.1 (#2763)
+* *(deps)* Update dependency vue-tsc to v1.0.10 (#2764)
+* *(deps)* Update sentry-javascript monorepo to v7.22.0 (#2765)
+* *(deps)* Update dependency @types/node to v18.11.10 (#2768)
+* *(deps)* Update dependency rollup to v3.5.1 (#2769)
+* *(deps)* Update sentry-javascript monorepo to v7.23.0
+* *(deps)* Update dependency @vue/test-utils to v2.2.5 (#2773)
+* *(deps)* Update dependency eslint to v8.29.0 (#2774)
+* *(deps)* Update dependency @cypress/vue to v5.0.3 (#2775)
+* *(deps)* Update dependency vue-tsc to v1.0.11 (#2777)
+* *(deps)* Update dependency @cypress/vite-dev-server to v5 (#2776)
+* *(deps)* Update pnpm to v7.18.0 (#2778)
+* *(deps)* Update dependency esbuild to v0.15.17 (#2779)
+* *(deps)* Update dependency caniuse-lite to v1.0.30001436 (#2780)
+* *(deps)* Update dependency @vue/test-utils to v2.2.6 (#2784)
+* *(deps)* Update dependency esbuild to v0.15.18 (#2783)
+* *(deps)* Update dependency netlify-cli to v12.2.8 (#2782)
+* *(deps)* Update dependency happy-dom to v7.7.2 (#2781)
+* *(deps)* Update dependency vite to v3.2.5 (#2785)
+* *(deps)* Update dependency rollup to v3.6.0 (#2786)
+* *(deps)* Update typescript-eslint monorepo to v5.45.1 (#2787)
+* *(deps)* Update dependency vitest to v0.25.4 (#2788)
+* *(deps)* Update dependency @types/node to v18.11.11 (#2789)
+* *(deps)* Update pnpm to v7.18.1 (#2790)
+* *(deps)* Update dependency dayjs to v1.11.7 (#2791)
+* *(deps)* Update dependency cypress to v12 (#2792)
+* *(deps)* Update dependency vitest to v0.25.5 (#2793)
+* *(deps)* Update dependency marked to v4.2.4 (#2796)
+* *(deps)* Update dependency esbuild to v0.16.1 (#2795)
+* *(deps)* Update dependency cypress to v12.0.1 (#2794)
+* *(deps)* Update sentry-javascript monorepo to v7.24.0 (#2797)
+* *(deps)* Update sentry-javascript monorepo to v7.24.1 (#2798)
+* *(deps)* Update sentry-javascript monorepo to v7.24.2 (#2799)
+* *(deps)* Update dependency typescript to v4.9.4 (#2800)
+* *(deps)* Update dependency rollup to v3.7.0 (#2801)
+* *(deps)* Update dependency esbuild to v0.16.2 (#2802)
+* *(deps)* Update typescript-eslint monorepo to v5.46.0 (#2803)
+* *(deps)* Update dependency vitest to v0.25.6 (#2804)
+* *(deps)* Update dependency @cypress/vite-dev-server to v5.0.1 (#2806)
+* *(deps)* Update dependency esbuild to v0.16.3 (#2809)
+* *(deps)* Update dependency sass to v1.56.2 (#2810)
+* *(deps)* Update dependency @types/marked to v4.0.8 (#2812)
+* *(deps)* Update dependency vue-tsc to v1.0.12 (#2811)
+* *(deps)* Update dependency @types/node to v18.11.12 (#2808)
+* *(deps)* Update dependency cypress to v12.0.2 (#2807)
+* *(deps)* Update dependency @vitejs/plugin-vue to v4 (#2814)
+* *(deps)* Update dependency @vitejs/plugin-legacy to v3 (#2813)
+* *(deps)* Update dependency pinia to v2.0.28 (#2815)
+* *(deps)* Update dependency @vitejs/plugin-legacy to v3.0.1 (#2818)
+* *(deps)* Update dependency @cypress/vite-dev-server to v5.0.2 (#2819)
+* *(deps)* Update dependency rollup to v3.7.1 (#2820)
+* *(deps)* Update dependency rollup to v3.7.2 (#2822)
+* *(deps)* Update dependency esbuild to v0.16.4 (#2821)
+* *(deps)* Update dependency vitest to v0.25.7 (#2824)
+* *(deps)* Update dependency @types/node to v18.11.13 (#2823)
+* *(deps)* Update dependency happy-dom to v8 (#2831)
+* *(deps)* Update dependency postcss to v8.4.20 (#2827)
+* *(deps)* Update dependency caniuse-lite to v1.0.30001439 (#2828)
+* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v0.8.1 (#2826)
+* *(deps)* Update dependency netlify-cli to v12.2.10 (#2829)
+* *(deps)* Update dependency vite-plugin-pwa to v0.14.0 (#2833)
+* *(deps)* Update dependency rollup to v3.7.3 (#2825)
+* *(deps)* Update dependency vue-tsc to v1.0.13 (#2832)
+* *(deps)* Update sentry-javascript monorepo to v7.25.0
+* *(deps)* Update dependency vite to v4 (#2816)
+* *(deps)* Update pnpm to v7.18.2 (#2834)
+* *(deps)* Update typescript-eslint monorepo to v5.46.1 (#2837)
+* *(deps)* Update dependency @4tw/cypress-drag-drop to v2.2.3 (#2836)
+* *(deps)* Update dependency @types/node to v18.11.14 (#2839)
+* *(deps)* Update dependency cypress to v12.1.0 (#2838)
+* *(deps)* Update dependency rollup to v3.7.4 (#2840)
+* *(deps)* Update dependency vitest to v0.25.8
+* *(deps)* Update sentry-javascript monorepo to v7.26.0
+* *(deps)* Update dependency esbuild to v0.16.5 (#2846)
+* *(deps)* Update dependency @types/node to v18.11.15
+* *(deps)* Update dependency esbuild to v0.16.6 (#2848)
+* *(deps)* Update dependency esbuild to v0.16.7
+* *(deps)* Update sentry-javascript monorepo to v7.27.0 (#2850)
+* *(deps)* Update dependency @vueuse/core to v9.7.0 (#2851)
+* *(deps)* Update dependency wait-on to v7 (#2852)
+* *(deps)* Update dependency @types/node to v18.11.16 (#2853)
+* *(deps)* Update dependency eslint to v8.30.0
+* *(deps)* Update dependency rollup to v3.7.5 (#2857)
+* *(deps)* Update dependency esbuild to v0.16.8 (#2854)
+* *(deps)* Update dependency sass to v1.57.0 (#2856)
+* *(deps)* Update dependency vue-tsc to v1.0.14 (#2860)
+* *(deps)* Update dependency esbuild to v0.16.9 (#2859)
+* *(deps)* Update dependency @types/node to v18.11.17 (#2858)
+
+### Features
+
+* *(ci)* Use docker buildx for multiarch builds* Filters script setup ([4bad685](4bad685f39388d59fdd8ff79a1766c55f75262c2))
+* Move select filters to dedicated components ([bb58dba](bb58dba8e07d683c75637ec88a378e873711eb29))
+* Add vite build target esnext (#2674) ([163d936](163d9366d3061c40b5db7f3aad5c2cea01948403))
+* Filters script setup (#2671) ([4a550da](4a550da6a69a50126b9d4a555b6713687347c2d3))
+* Reduce multiselect selector specificity (#2678) ([9f0f0b3](9f0f0b39f8eea399b7b03003afa5893d0b8016f8))
+* Reduce contentAuth selector specifity (#2677) ([12a8f7e](12a8f7ebe9fc556a7b0bc6e2d74e81d424ccfcf8))
+* Reduce ListWrapper selector specificity (#2679) ([599c1ba](599c1ba4b5b0861d89755addf016e8f797b49dfe))
+* Reduce dropdown-item selector specificity (#2680) ([eb4c2a4](eb4c2a4b9df93ee35404cd7143cc88b3d44f9d59))
+* Reduce attachments selector specificity (#2682) ([0f1f131](0f1f131f7a2a38ee57175edfd5ed1c932225af16))
+* Reduce ready selector specificity (#2683) ([9d604f7](9d604f7a3bc057bbe27ac19e73ac59736154d9b7))
+* Use img for logo so that it's not part of the main bundle (#2684) ([02de481](02de481297502ad4b0b2eb2fa3e06366cce6d630))
+* Improve user component (#2687) ([708ef2d](708ef2d72efbdfe6261322937b0a8f76ee19b9e4))
+* Reduce TaskDetailView selector specificity ([fba402f](fba402fcd056ee397ce54f97ed4fec98845c7933))
+* Move transition in own component ([631a19f](631a19fa923dba2759603e6a8b224cb4d3e1a038))
+* Feature/load-views-async (#2672)
+* Use transition component everywhere ([8c44ed8](8c44ed83e6530f67cc923a5e6d1a26c14575884a))
+* Move transition in component (#2694) ([77ff0aa](77ff0aa256fbf388210af09d88673475386b3553))
+* Disable fullscreen for EasyMDE side-by-side mode (#2710) ([98b38af](98b38af43c3acc9822f167ebca295f5aecb4908d))
+* Only automatically redirect to provider if the url contains ?redirectToProvider=true and it's the only one ([3891d5b](3891d5b87634c890265477680fafaa04ff06cc3e))
+* Improve loadTask logic (#2715) ([8ef3092](8ef309243db4e37d306167455987572006858cad))
+* Remove edit-task from list view (#2721) ([45ec162](45ec1623d525ed31a49b6be6d609802c341fad27))
+* Move useAutoHeightTextarea to composable (#2723) ([33d4efe](33d4efecc45ef8da5360fb878b7d365d1901b56c))
+* More horizontal space on mobile (#2722) ([b42e4cc](b42e4cca59e338278261bc3ec613eefedde6fcce))
+* Change list-content style (#91) ([4b47478](4b47478440d0af1bf24c44ea614c0f62f20723f7))
+* Grid for list cards ([42e9f30](42e9f306e84120ba51d9b527c7868148730bf892))
+* Move avatar class to where it is used (#2725) ([da8df8b](da8df8b667fc57798c1de7d78c1a7f88b0419d38))
+* Undent and order navigation css ([66be0e6](66be0e6ac4bcf48124b33267224187b56ac9320a))
+* Outdent navigation logo styles ([ff9efe7](ff9efe7889256706ac86bb1face842cd2de6f935))
+* Group navigation styles further ([4fc7b9c](4fc7b9c67e2088e82760005cd530ea97cf796a4c))
+* Move link color location together ([d9984b2](d9984b28f7d01da0f9d8f0afd5b6f0edf35823c2))
+* Use fetch instead of axios for deploy preview (#2719) ([93d95b0](93d95b0821f39719c4a28c144ebb583c2eac754e))
+* Remove useRouteQuery (#2751) ([3ee0bc3](3ee0bc345d6cd65769789ec029c50e652d80e1ca))
+* Use Intl.DateTimeFormat for gantt weekdays (#2766) ([3b95824](3b95824f5834d7de50210414c56b07889db895c7))
+* Add @intlify/unplugin-vue-i18n (#2772) ([b44d11c](b44d11cfc04712b9f9ec9479ba3a77a26c453532))
+* Use vite preview for serve:dist:dev (#2842) ([f6c6f52](f6c6f52abe71674fa5f3951cc0ba61798758bd03))
+* Use variable fonts with subsetting (#2817) ([b6a89a0](b6a89a0cde3c769e38146b05c33ff4ca4e97bca2))
+
+### Other
+
+* *(other)* [skip ci] Updated translations via Crowdin
+
 ## [0.20.1] - 2022-11-11
 
 ### Bug Fixes

README.md

@@ -4,7 +4,7 @@
 
 [![Build Status](https://drone.kolaente.de/api/badges/vikunja/frontend/status.svg)](https://drone.kolaente.de/vikunja/frontend)
 [![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-blue.svg)](LICENSE)
-[![Download](https://img.shields.io/badge/download-v0.20.1-brightgreen.svg)](https://dl.vikunja.io)
+[![Download](https://img.shields.io/badge/download-v0.20.2-brightgreen.svg)](https://dl.vikunja.io)
 [![Translation](https://badges.crowdin.net/vikunja/localized.svg)](https://crowdin.com/project/vikunja)
 
 This is the web frontend for Vikunja, written in Vue.js.

index.html

@@ -9,13 +9,9 @@
 
 	<link rel="icon" href="/favicon.ico">
 	<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon-180x180.png"/>
-	<link rel="preload" crossorigin="anonymous" href="/fonts/open-sans-v15-latin-700italic.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/open-sans-v15-latin-italic.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/quicksand-v7-latin-500.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/quicksand-v7-latin-700.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/open-sans-v15-latin-regular.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/open-sans-v15-latin-700.woff2" as="font">
-	<link rel="preload" crossorigin="anonymous" href="/fonts/quicksand-v7-latin-regular.woff2" as="font">
+	<link rel="preload" crossorigin="anonymous" href="/src/assets/fonts/OpenSans[wght].woff2" as="font">
+	<link rel="preload" crossorigin="anonymous" href="/src/assets/fonts/OpenSans-Italic[wght].woff2" as="font">
+	<link rel="preload" crossorigin="anonymous" href="/src/assets/fonts/Quicksand[wght].woff2" as="font">
 </head>
 <body>
 <noscript>

package.json

@@ -4,18 +4,21 @@
   "private": true,
   "scripts": {
     "serve": "vite",
-    "serve:dist-dev": "node scripts/serve-dist.js",
     "serve:dist": "vite preview --port 4173",
+    "serve:dist:dev": "vite preview --mode development --port 4173",
     "build": "vite build && workbox copyLibraries dist/",
     "build:modern-only": "BUILD_MODERN_ONLY=true vite build && workbox copyLibraries dist/",
-    "build:dev": "vite build -m development --outDir dist-dev/",
+    "build:dev": "vite build --mode development --outDir dist-dev/",
     "lint": "eslint --ignore-pattern '*.test.*' ./src --ext .vue,.js,.ts",
     "cypress:open": "cypress open",
     "test:unit": "vitest --run",
     "test:unit-watch": "vitest watch",
     "test:frontend": "cypress run",
     "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "browserslist:update": "npx browserslist@latest --update-db"
+    "browserslist:update": "npx browserslist@latest --update-db",
+    "fonts:update": "pnpm run fonts:download && pnpm run fonts:subset",
+    "fonts:download": "./scripts/fonts-download.sh",
+    "fonts:subset": "./scripts/fonts-subset.sh"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.2.1",
@@ -24,19 +27,19 @@
     "@fortawesome/vue-fontawesome": "3.0.2",
     "@github/hotkey": "2.0.1",
     "@infectoone/vue-ganttastic": "2.1.3",
-    "@intlify/unplugin-vue-i18n": "0.8.0",
+    "@intlify/unplugin-vue-i18n": "0.8.1",
     "@kyvg/vue3-notification": "2.7.0",
-    "@sentry/tracing": "7.24.2",
-    "@sentry/vue": "7.24.2",
+    "@sentry/tracing": "7.28.1",
+    "@sentry/vue": "7.28.1",
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
-    "@vueuse/core": "9.6.0",
+    "@vueuse/core": "9.8.2",
     "axios": "0.27.2",
     "blurhash": "2.0.4",
     "bulma-css-variables": "0.9.33",
     "camel-case": "4.1.2",
-    "codemirror": "5.65.10",
+    "codemirror": "5.65.11",
     "date-fns": "2.29.3",
     "dayjs": "1.11.7",
     "dompurify": "2.4.1",
@@ -51,7 +54,7 @@
     "lodash.debounce": "4.0.8",
     "marked": "4.2.4",
     "minimist": "1.2.7",
-    "pinia": "2.0.27",
+    "pinia": "2.0.28",
     "register-service-worker": "1.7.2",
     "snake-case": "3.0.4",
     "sortablejs": "1.15.0",
@@ -65,8 +68,8 @@
     "zhyswan-vuedraggable": "4.1.3"
   },
   "devDependencies": {
-    "@4tw/cypress-drag-drop": "2.2.2",
-    "@cypress/vite-dev-server": "5.0.0",
+    "@4tw/cypress-drag-drop": "2.2.3",
+    "@cypress/vite-dev-server": "5.0.2",
     "@cypress/vue": "5.0.3",
     "@faker-js/faker": "7.6.0",
     "@rushstack/eslint-patch": "1.2.0",
@@ -74,41 +77,40 @@
     "@types/dompurify": "2.4.0",
     "@types/flexsearch": "0.7.3",
     "@types/lodash.debounce": "4.0.7",
-    "@types/marked": "4.0.7",
-    "@types/node": "18.11.11",
+    "@types/marked": "4.0.8",
+    "@types/node": "18.11.17",
     "@types/postcss-preset-env": "7.7.0",
-    "@typescript-eslint/eslint-plugin": "5.46.0",
-    "@typescript-eslint/parser": "5.46.0",
-    "@vitejs/plugin-legacy": "2.3.1",
-    "@vitejs/plugin-vue": "3.2.0",
+    "@typescript-eslint/eslint-plugin": "5.47.0",
+    "@typescript-eslint/parser": "5.47.0",
+    "@vitejs/plugin-legacy": "3.0.1",
+    "@vitejs/plugin-vue": "4.0.0",
     "@vue/eslint-config-typescript": "11.0.2",
     "@vue/test-utils": "2.2.6",
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.13",
     "browserslist": "4.21.4",
-    "caniuse-lite": "1.0.30001436",
+    "caniuse-lite": "1.0.30001439",
     "csstype": "3.1.1",
-    "cypress": "12.0.1",
-    "esbuild": "0.16.2",
-    "eslint": "8.29.0",
+    "cypress": "12.2.0",
+    "esbuild": "0.16.10",
+    "eslint": "8.30.0",
     "eslint-plugin-vue": "9.8.0",
-    "express": "4.18.2",
-    "happy-dom": "7.7.2",
-    "netlify-cli": "12.2.8",
-    "postcss": "8.4.19",
+    "happy-dom": "8.1.0",
+    "netlify-cli": "12.4.0",
+    "postcss": "8.4.20",
     "postcss-preset-env": "7.8.3",
-    "rollup": "3.7.0",
+    "rollup": "3.8.0",
     "rollup-plugin-visualizer": "5.8.3",
-    "sass": "1.56.1",
+    "sass": "1.57.1",
     "typescript": "4.9.4",
-    "vite": "3.2.5",
-    "vite-plugin-pwa": "0.13.3",
+    "vite": "4.0.3",
+    "vite-plugin-pwa": "0.14.0",
     "vite-svg-loader": "3.6.0",
-    "vitest": "0.25.6",
-    "vue-tsc": "1.0.11",
-    "wait-on": "6.0.1",
+    "vitest": "0.26.2",
+    "vue-tsc": "1.0.16",
+    "wait-on": "7.0.1",
     "workbox-cli": "6.5.4"
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.18.1"
+  "packageManager": "pnpm@7.19.0"
 }

scripts/fonts-download.sh

@@ -0,0 +1,56 @@
+#!/bin/sh
+set -e
+
+#
+# This script downloads our original font files from their source repos
+# and puts them in our originalMedia folder.
+#
+
+err_report() {
+  echo "Error on line $(caller)" >&2
+}
+
+trap err_report ERR
+
+ORIGINAL_FONTS_DIR="./originalMedia/fonts"
+
+# update these if there is a new version
+FONT_URLS=(
+"https://github.com/googlefonts/opensans/blob/27d060e1aad6886daeda67629ee28189f795f534/fonts/variable/OpenSans%5Bwdth%2Cwght%5D.ttf?raw=true"
+"https://github.com/googlefonts/opensans/blob/27d060e1aad6886daeda67629ee28189f795f534/fonts/variable/OpenSans-Italic%5Bwdth%2Cwght%5D.ttf?raw=true"
+"https://github.com/andrew-paglinawan/QuicksandFamily/blob/db6de44878582966f45a0debaef10d57108d93a7/fonts/Quicksand%5Bwght%5D.ttf?raw=true"
+)
+
+
+echo ""
+echo "###################################################"
+echo "# Download font files"
+echo "###################################################"
+echo ""
+
+mkdir -p $ORIGINAL_FONTS_DIR
+
+for URL in ${FONT_URLS[@]}; do
+	wget -L $URL \
+		--directory-prefix=$ORIGINAL_FONTS_DIR \
+		--quiet \
+		--timestamping \
+		--show-progress
+done
+
+echo ""
+echo "###################################################"
+echo "# Remove '?raw=true' filename suffix"
+echo "###################################################"
+echo ""
+
+# Iterate over all files in directory with filetype ending in "?raw=true"
+for file in $ORIGINAL_FONTS_DIR/*?raw=true; do
+	# Remove "?raw=true" from file name and store in variable
+	new_name=$(echo $file | sed 's/?raw=true//')
+
+	# Overwrite existing file with new name
+	mv -v $file $new_name
+done
+
+echo "Renaming files complete"

scripts/fonts-subset.sh

@@ -0,0 +1,161 @@
+#!/bin/sh
+set -e
+
+#
+# This script subsets our variable fonts,
+# converts them to woff2 files and puts them in the
+# fonts folder.
+#
+# We do have to update the font paths in the @font-face
+# definitions manually since we use a checksum to make
+#
+# We use fonttools to create a partial instance of the
+# variable font where we keep only our needed features.
+# See more at:
+# https://fonttools.readthedocs.io/en/latest/varLib/instancer.html
+#
+# fonttools requires python > 3.7. For up-to-date
+# instructions see https://github.com/fonttools/fonttools#installation 
+#
+# Lot's of info was gathered from:
+# https://markoskon.com/creating-font-subsets/ 
+# https://barrd.dev/article/create-a-variable-font-subset-for-smaller-file-size/
+#
+
+ORIGINAL_FONTS="./originalMedia/fonts"
+TEMP_FOLDER="./.subset-fonts-temp"
+FONT_FOLDER="./src/assets/fonts"
+
+err_report() {
+	echo "Error on line $(caller)" >&2
+}
+
+trap err_report ERR
+
+mkdir -p $TEMP_FOLDER
+
+# the latin subset that google uses on GoogleFonts
+# this is the same as the latin subset range that google uses on GoogleFonts
+# see for examle the unicode-range definition here:
+# https://fonts.googleapis.com/css2?family=Open+Sans
+UNICODE_LATIN_SUBSET="U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,\
+U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,\
+U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"
+
+get_filename_without_type() {
+	filename=$1
+	dirname=$(dirname $filename)
+	# Extract the file type using parameter expansion
+	filetype=${filename##*.}
+	basename=$(basename $filename .$filetype)
+	echo $basename
+}
+
+# This function takes a font file and creates a subset of it using a specified set of unicode characters.
+instance_and_subset () {
+	# Define default arguments for the subsetter.
+	DEFAULT_SUBSETTER_ARGS="--layout-features=* --unicodes=${UNICODE_LATIN_SUBSET}"
+
+	# Assign function arguments to variables with more descriptive names.
+	INPUT_FONT_FILE=$1
+	INSTANCER_ARGS=$2
+	OUTPUT_FONT_BASENAME=$3
+	OUTPUT_FOLDER=$FONT_FOLDER
+
+	# If the output font basename is not provided, use the input font file's basename as the output font basename.
+	if [ -z "$OUTPUT_FONT_BASENAME" ]; then
+		INPUT_FONT_BASENAME=$(get_filename_without_type $INPUT_FONT_FILE)
+		OUTPUT_FONT_BASENAME=$INPUT_FONT_BASENAME
+	fi
+
+	# Use the default subsetter arguments if no custom arguments are provided.
+	SUBSETTER_ARGS="${4:-$DEFAULT_SUBSETTER_ARGS}"
+
+	CHECKSUM=$(
+		# Concatenate the contents of the input font file, the instancer arguments, and the subsetter arguments
+		printf "%s%s" "$(cat $INPUT_FONT_FILE)" "$INSTANCER_ARGS" "$SUBSETTER_ARGS" |
+		# Calculate the Blake2b checksum of the concatenated string
+		b2sum |
+		# Extract the checksum from the output of b2sum (it's the first field)
+		awk '{print $1}'
+	)
+	
+	# Limit the checksum to 8 characters.
+	CHECKSUM=$(echo "${CHECKSUM:0:8}")
+
+	# Construct the output font's filename
+	OUTPUT_FONT_BASENAME="${OUTPUT_FONT_BASENAME}_${CHECKSUM}"
+	OUTPUT_FONT_FILE="${OUTPUT_FOLDER}/${OUTPUT_FONT_BASENAME}.woff2"
+
+	# Check if the output font file already exists
+	if test -f $OUTPUT_FONT_FILE; then
+		echo "${OUTPUT_FONT_FILE} exists"
+		return 0
+	fi
+
+	FONT_INSTANCE="${TEMP_FOLDER}/${OUTPUT_FONT_BASENAME}.ttf"
+
+	if [ -n "$INSTANCER_ARGS" ]; then
+		# If the INSTANCER_ARGS variable is set, use fonttools to create a font instance
+		fonttools varLib.instancer --output $FONT_INSTANCE $INPUT_FONT_FILE $INSTANCER_ARGS
+	else
+		# Otherwise, just copy the input font file to the font instance file
+		cp $INPUT_FONT_FILE $FONT_INSTANCE
+	fi
+
+	# Use pyftsubset to create a subset of the font instance and save it to the output font file
+	pyftsubset $FONT_INSTANCE --output-file=$OUTPUT_FONT_FILE --flavor=woff2 $SUBSETTER_ARGS
+
+	echo "${OUTPUT_FONT_BASENAME} subsetted."
+}
+
+echo ""
+echo "###################################################"
+echo "# Install required libs"
+echo "###################################################"
+echo ""
+
+pip install fonttools brotli
+
+echo ""
+echo "###################################################"
+echo "# Create a partial instance of the variable font"
+echo "# where we keep only our needed features and then"
+echo "# subset fonts with latin unicode range and export"
+echo "# as woff2 file"
+echo "###################################################"
+echo ""
+
+mkdir -p $TEMP_FOLDER
+
+echo "\nOpen Sans"
+# we drop the wdth axis for all
+
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans[wdth,wght].ttf" "wdth=drop wght=400:700" "OpenSans[wght]"
+
+# we restrict the wght range
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans[wdth,wght].ttf" "wdth=drop wght=400" "OpenSans-Regular"
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans[wdth,wght].ttf" "wdth=drop wght=700" "OpenSans-Bold"
+
+echo "\nOpen Sans Italic"
+# we drop the wdth axis for all
+
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans-Italic[wdth,wght].ttf" "wdth=drop wght=400:700" "OpenSans-Italic[wght]"
+
+# we restrict the wght range
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans-Italic[wdth,wght].ttf" "wdth=drop wght=400" "OpenSans-RegularItalic"
+instance_and_subset "${ORIGINAL_FONTS}/OpenSans-Italic[wdth,wght].ttf" "wdth=drop wght=700" "OpenSans-BoldItalic"
+
+echo "\nQuicksand"
+
+instance_and_subset "${ORIGINAL_FONTS}/Quicksand[wght].ttf" "wght=400:700"
+
+# we restrict the wght range
+instance_and_subset "${ORIGINAL_FONTS}/Quicksand[wght].ttf" "wght=400" "Quicksand-Regular"
+instance_and_subset "${ORIGINAL_FONTS}/Quicksand[wght].ttf" "wght=600" "Quicksand-SemiBold"
+instance_and_subset "${ORIGINAL_FONTS}/Quicksand[wght].ttf" "wght=700" "Quicksand-Bold"
+
+echo "\nSubsetting files complete"
+
+# remove temp folder
+rm -r $TEMP_FOLDER

scripts/serve-dist.js

@@ -1,16 +0,0 @@
-const path = require('path')
-const express = require('express')
-const app = express()
-
-const p = path.join(__dirname, '..', 'dist-dev')
-const port = 4173
-
-app.use(express.static(p))
-// Handle urls set by the frontend
-app.get('*', (request, response, next) => {
-	response.sendFile(`${p}/index.html`)
-})
-app.listen(port, '127.0.0.1', () => {
-	console.log(`Serving files from ${p}`)
-	console.log(`Server started on port ${port}`)
-})

src/components/home/Logo.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import {computed} from 'vue'
-import {useNow} from '@vueuse/core'
+import { computed } from 'vue'
+import { useNow } from '@vueuse/core'
 
-import LogoFull from '@/assets/logo-full.svg?url'
-import LogoFullPride from '@/assets/logo-full-pride.svg?url'
+import LogoFull from '@/assets/logo-full.svg?component'
+import LogoFullPride from '@/assets/logo-full-pride.svg?component'
 
 const now = useNow()
-const logoUrl = computed(() => now.value.getMonth() === 5 ? LogoFullPride : LogoFull)
+const Logo = computed(() => now.value.getMonth() === 5 ? LogoFullPride : LogoFull)
 </script>
 
 <template>
-	<img alt="Vikunja" :src="logoUrl" class="logo" />
+	<Logo alt="Vikunja" class="logo" />
 </template>
 
 <style lang="scss" scoped>

src/components/home/navigation.vue

@@ -435,7 +435,7 @@ $vikunja-nav-selected-width: 0.4rem;
  
 	.menu-list {
 		li {
-			font-weight: 500;
+			font-weight: 600;
 			font-family: $vikunja-font;
 		}
 
@@ -460,7 +460,7 @@ $vikunja-nav-selected-width: 0.4rem;
 		font-weight: bold;
 		font-family: $vikunja-font;
 		color: $vikunja-nav-color;
-		font-weight: 500;
+		font-weight: 600;
 		min-height: 2.5rem;
 		padding-top: 0;
 		padding-left: $navbar-padding;
@@ -479,6 +479,8 @@ $vikunja-nav-selected-width: 0.4rem;
 		.count {
 			color: var(--grey-500);
 			margin-right: .5rem;
+			// align brackets with number
+			font-feature-settings: "case";
 		}
 	}
 

src/components/namespace/namespace-settings-dropdown.vue

@@ -98,5 +98,6 @@ function setSubscriptionInStore(sub: ISubscription) {
 <style scoped lang="scss">
 .dropdown-trigger {
 	padding: 0.5rem;
+	display: flex;
 }
 </style>

src/components/tasks/partials/heading.vue

@@ -1,12 +1,14 @@
 <template>
 	<div class="heading">
-		<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
-		<Done class="heading__done" :is-done="task.done"/>
-		<ColorBubble
-			v-if="task.hexColor !== ''"
-			:color="getHexColor(task.hexColor)"
-			class="mt-1 ml-2"
-		/>
+		<div class="flex is-align-items-center">
+			<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
+			<Done class="heading__done" :is-done="task.done"/>
+			<ColorBubble
+				v-if="task.hexColor !== ''"
+				:color="getHexColor(task.hexColor)"
+				class="ml-2"
+			/>
+		</div>
 		<h1
 			class="title input"
 			:class="{'disabled': !canWrite}"

src/components/tasks/partials/relatedTasks.vue

@@ -71,7 +71,7 @@
 							<select v-model="newTaskRelation.kind">
 								<option value="unset">{{ $t('task.relation.select') }}</option>
 								<option :key="`option_${rk}`" :value="rk" v-for="rk in RELATION_KINDS">
-									{{ $tc(`task.relation.kinds.${rk}`, 1) }}
+									{{ $t(`task.relation.kinds.${rk}`, 1) }}
 								</option>
 							</select>
 						</div>

src/components/tasks/partials/singleTaskInList.vue

@@ -38,7 +38,7 @@
 					<template v-for="(pt, i) in task.relatedTasks.parenttask">
 						{{ pt.title }}<template v-if="(i + 1) < task.relatedTasks.parenttask.length">,&nbsp;</template>
 					</template>
-					>
+					&rsaquo;
 				</span>
 				{{ task.title }}
 			</span>
@@ -71,7 +71,7 @@
 					class="is-italic"
 					:aria-expanded="showDefer ? 'true' : 'false'"
 				>
-					- {{ $t('task.detail.due', {at: formatDateSince(task.dueDate)}) }}
+					– {{ $t('task.detail.due', {at: formatDateSince(task.dueDate)}) }}
 				</time>
 			</BaseButton>
 			<CustomTransition name="fade">

src/i18n/index.ts

@@ -14,6 +14,7 @@ export const SUPPORTED_LOCALES = {
 	'nl-NL': 'Nederlands',
 	'pt-PT': 'Português',
 	'zh-CN': 'Chinese',
+	'no-NO': 'Norsk Bokmål',
 } as Record<string, string>
 
 export type SupportedLocale = keyof typeof SUPPORTED_LOCALES

src/i18n/lang/pt-BR.json

@@ -554,41 +554,41 @@
         "lastWeek": "Last Week",
         "thisMonth": "This Month",
         "restOfThisMonth": "The Rest of This Month",
-        "nextMonth": "Next Month",
-        "next30Days": "Next 30 Days",
-        "lastMonth": "Last Month",
-        "thisYear": "This Year",
-        "restOfThisYear": "The Rest of This Year"
+        "nextMonth": "Próximo mês",
+        "next30Days": "Próximos 30 dias",
+        "lastMonth": "Último mês",
+        "thisYear": "Este ano",
+        "restOfThisYear": "O resto deste ano"
       }
     },
     "datemathHelp": {
-      "canuse": "You can use date math to filter for relative dates.",
-      "learnhow": "Check out how it works",
-      "title": "Date Math",
-      "intro": "Date Math allows you to specify relative dates which are resolved on the fly by Vikunja when applying the filter.",
+      "canuse": "Você pode usar matemática de data para filtrar datas relativas.",
+      "learnhow": "Veja como funciona",
+      "title": "Matemática de Data",
+      "intro": "A matemática de data permite que você especifique datas relativas que são resolvidas em tempo real pelo Vikunja ao aplicar o filtro.",
       "expression": "Each Date Math expression starts with an anchor date, which can either be {0}, or a date string ending with {1}. This anchor date can optionally be followed by one or more maths expressions.",
       "similar": "These expressions are similar to the ones provided by {0} and {1}.",
-      "add1Day": "Add one day",
-      "minus1Day": "Subtract one day",
+      "add1Day": "Adicionar um dia",
+      "minus1Day": "Subtrair um dia",
       "roundDay": "Round down to the nearest day",
-      "supportedUnits": "Supported time units are:",
-      "someExamples": "Some examples of time expressions:",
+      "supportedUnits": "As unidades de tempo suportadas são:",
+      "someExamples": "Alguns exemplos de expressões temporais:",
       "units": {
-        "seconds": "Seconds",
-        "minutes": "Minutes",
-        "hours": "Hours",
-        "days": "Days",
-        "weeks": "Weeks",
-        "months": "Months",
-        "years": "Years"
+        "seconds": "Segundos",
+        "minutes": "Minutos",
+        "hours": "Horas",
+        "days": "Dias",
+        "weeks": "Semanas",
+        "months": "Meses",
+        "years": "Anos"
       },
       "examples": {
-        "now": "Right now",
-        "in24h": "In 24h",
-        "today": "Today at 00:00",
-        "beginningOfThisWeek": "The beginning of this week at 00:00",
-        "endOfThisWeek": "The end of this week",
-        "in30Days": "In 30 days",
+        "now": "Neste momento",
+        "in24h": "Em 24h",
+        "today": "Hoje às 00:00",
+        "beginningOfThisWeek": "O começo desta semana às 00:00",
+        "endOfThisWeek": "O fim desta semana",
+        "in30Days": "Em 30 dias",
         "datePlusMonth": "{0} mais um mês às 00:00 desse dia"
       }
     }
@@ -663,13 +663,13 @@
       "endDate": "Data de término",
       "labels": "Etiquetas",
       "percentDone": "Progresso",
-      "priority": "Priority",
-      "relatedTasks": "Related Tasks",
+      "priority": "Prioridade",
+      "relatedTasks": "Tarefas relacionadas",
       "reminders": "Reminders",
       "repeat": "Repeat",
-      "startDate": "Start Date",
-      "title": "Title",
-      "updated": "Updated"
+      "startDate": "Data de ínicio",
+      "title": "Título",
+      "updated": "Atualizado"
     },
     "subscription": {
       "subscribedListThroughParentNamespace": "You can't unsubscribe here because you are subscribed to this list through its namespace.",
@@ -681,8 +681,8 @@
       "notSubscribedList": "You are not subscribed to this list and won't receive notifications for changes.",
       "subscribedTask": "You are currently subscribed to this task and will receive notifications for changes.",
       "notSubscribedTask": "You are not subscribed to this task and won't receive notifications for changes.",
-      "subscribe": "Subscribe",
-      "unsubscribe": "Unsubscribe",
+      "subscribe": "Inscrever-se",
+      "unsubscribe": "Desinscrever-se",
       "subscribeSuccessNamespace": "You are now subscribed to this namespace",
       "unsubscribeSuccessNamespace": "You are now unsubscribed to this namespace",
       "subscribeSuccessList": "You are now subscribed to this list",
@@ -691,15 +691,15 @@
       "unsubscribeSuccessTask": "You are now unsubscribed to this task"
     },
     "attachment": {
-      "title": "Attachments",
+      "title": "Anexos",
       "createdBy": "created {0} by {1}",
       "downloadTooltip": "Download this attachment",
-      "upload": "Upload attachment",
+      "upload": "Enviar anexo",
       "drop": "Drop files here to upload",
       "delete": "Delete attachment",
       "deleteTooltip": "Delete this attachment",
       "deleteText1": "Are you sure you want to delete the attachment {filename}?",
-      "copyUrl": "Copy URL",
+      "copyUrl": "Copiar URL",
       "copyUrlTooltip": "Copy the url of this attachment for usage in text",
       "setAsCover": "Make cover",
       "unsetAsCover": "Remove cover",
@@ -710,7 +710,7 @@
       "title": "Comments",
       "loading": "Loading comments…",
       "edited": "edited {date}",
-      "creating": "Creating comment…",
+      "creating": "Criando comentário…",
       "placeholder": "Adicione seu comentário…",
       "comment": "Comentário",
       "delete": "Apagar este comentário",
@@ -720,27 +720,27 @@
     },
     "deferDueDate": {
       "title": "Defer due date",
-      "1day": "1 day",
-      "3days": "3 days",
-      "1week": "1 week"
+      "1day": "1 dia",
+      "3days": "3 dias",
+      "1week": "1 semana"
     },
     "description": {
-      "placeholder": "Click here to enter a description…",
-      "empty": "No description available yet."
+      "placeholder": "Clique aqui para inserir uma descrição…",
+      "empty": "Nenhuma descrição disponível ainda."
     },
     "assignee": {
-      "placeholder": "Type to assign a user…",
+      "placeholder": "Digite para atribuir um usuário…",
       "selectPlaceholder": "Assign this user",
-      "assignSuccess": "The user has been assigned successfully.",
-      "unassignSuccess": "The user has been unassigned successfully."
+      "assignSuccess": "O usuário foi atribuído com sucesso.",
+      "unassignSuccess": "O usuário foi desatribuído com sucesso."
     },
     "label": {
-      "placeholder": "Type to add a new label…",
-      "createPlaceholder": "Add this as new label",
-      "addSuccess": "The label has been added successfully.",
-      "createSuccess": "The label has been created successfully.",
-      "removeSuccess": "The label has been removed successfully.",
-      "addCreateSuccess": "The label has been created and added successfully.",
+      "placeholder": "Digite para adicionar uma nova etiqueta…",
+      "createPlaceholder": "Adicionar como nova etiqueta",
+      "addSuccess": "A etiqueta foi adicionada com sucesso.",
+      "createSuccess": "A etiqueta foi criada com sucesso.",
+      "removeSuccess": "A etiqueta foi removida com sucesso.",
+      "addCreateSuccess": "A etiqueta foi criada e adicionada com sucesso.",
       "delete": {
         "header": "Delete this label",
         "text1": "Are you sure you want to delete this label?",
@@ -748,12 +748,12 @@
       }
     },
     "priority": {
-      "unset": "Unset",
-      "low": "Low",
-      "medium": "Medium",
+      "unset": "Indefinida",
+      "low": "Baixa",
+      "medium": "Média",
       "high": "High",
-      "urgent": "Urgent",
-      "doNow": "DO NOW"
+      "urgent": "Urgente",
+      "doNow": "FAÇA AGORA"
     },
     "relation": {
       "add": "Add a New Task Relation",
@@ -766,7 +766,7 @@
       "delete": "Delete Task Relation",
       "deleteText1": "Are you sure you want to delete this task relation?",
       "select": "Select a relation kind",
-      "taskRequired": "Please select a task or enter a new task title.",
+      "taskRequired": "Por favor, selecione uma tarefa ou digite um novo título para a tarefa.",
       "kinds": {
         "subtask": "Subtask | Subtasks",
         "parenttask": "Parent Task | Parent Tasks",
@@ -782,24 +782,24 @@
       }
     },
     "repeat": {
-      "everyDay": "Every Day",
-      "everyWeek": "Every Week",
-      "everyMonth": "Every Month",
-      "mode": "Repeat mode",
+      "everyDay": "Diariamente",
+      "everyWeek": "Toda semana",
+      "everyMonth": "Todo mês",
+      "mode": "Modo repetição",
       "monthly": "Monthly",
       "fromCurrentDate": "From Current Date",
       "each": "Each",
       "specifyAmount": "Specify an amount…",
-      "hours": "Hours",
-      "days": "Days",
-      "weeks": "Weeks",
-      "months": "Months",
-      "years": "Years",
+      "hours": "Horas",
+      "days": "Dias",
+      "weeks": "Semanas",
+      "months": "Meses",
+      "years": "Anos",
       "invalidAmount": "Please enter more than 0."
     },
     "quickAddMagic": {
       "hint": "You can use Quick Add Magic",
-      "what": "What?",
+      "what": "O quê?",
       "title": "Quick Add Magic",
       "intro": "When creating a task, you can use special keywords to directly add attributes to the newly created task. This allows to add commonly used attributes to tasks much faster.",
       "multiple": "You can use this multiple times.",
@@ -807,14 +807,14 @@
       "label2": "Vikunja will first check if the label already exist and create it if not.",
       "label3": "To use spaces, simply add a \" or ' around the label name.",
       "label4": "For example: {prefix}\"Label with spaces\".",
-      "priority1": "To set a task's priority, add a number 1-5, prefixed with a {prefix}.",
-      "priority2": "The higher the number, the higher the priority.",
+      "priority1": "Para definir a prioridade de uma tarefa, adicione um número de 1 a 5, precedido de um {prefix}.",
+      "priority2": "Quanto maior o número, maior a prioridade.",
       "assignees": "To directly assign the task to a user, add their username prefixed with {prefix} to the task.",
       "list1": "To set a list for the task to appear in, enter its name prefixed with {prefix}.",
       "list2": "This will return an error if the list does not exist.",
       "list3": "To use spaces, simply add a \" or ' around the list name.",
       "list4": "For example: {prefix}\"List with spaces\".",
-      "dateAndTime": "Date and time",
+      "dateAndTime": "Data e hora",
       "date": "Any date will be used as the due date of the new task. You can use dates in any of these formats:",
       "dateWeekday": "any weekday, will use the next date with that date",
       "dateCurrentYear": "will use the current year",
@@ -912,7 +912,7 @@
   },
   "update": {
     "available": "There is an update for Vikunja available!",
-    "do": "Update Now"
+    "do": "Atualizar agora"
   },
   "menu": {
     "edit": "Editar",

src/router/index.ts

@@ -448,7 +448,7 @@ const router = createRouter({
 			component: MigrationHandlerComponent,
 			props: route => ({
 				service: route.params.service as string,
-				code: route.params.code as string,
+				code: route.query.code as string,
 			}),
 		},
 		{

src/styles/common-imports.scss

@@ -10,13 +10,14 @@
 // are defined here.
 //
 
+$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
+
 // the default values get overwritten by the definitions above
 @import "bulma-css-variables/sass/utilities/_all";
 
 // since $tablet is defined by bulma we can just define it after importing the utilities
 $mobile: math.div($tablet, 2);
 
-$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
 $vikunja-font: 'Quicksand', sans-serif;
 
 $pagination-current-border: var(--primary);

src/styles/fonts.scss

@@ -1,65 +1,105 @@
-$font-files-path: '/fonts/';
+$font-files-path: '@/assets/fonts/';
 
-// quicksand-regular - latin
-@font-face {
-  font-family: 'Quicksand';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url($font-files-path + 'quicksand-v7-latin-regular.woff2') format('woff2');
-  
+// this is the same as the latin range that google uses.
+// see for examle the unicode-range definition here:
+// https://fonts.googleapis.com/css2?family=Open+Sans
+$unicode-range: "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,\
+  U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,\
+  U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD";
+
+@supports (font-variation-settings: normal) {
+  @font-face {
+    font-family: 'Quicksand';
+    src: url($font-files-path + 'Quicksand[wght]_87bdcc7f.woff2') format('woff2-variations');
+    src: url($font-files-path + 'Quicksand[wght]_87bdcc7f.woff2') format('woff2') tech('variations');
+    font-style: normal;
+    font-weight: 400 700;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
+
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans[wght]_54a65da5.woff2') format('woff2-variations');
+    src: url($font-files-path + 'OpenSans[wght]_54a65da5.woff2') format('woff2') tech('variations');
+    font-weight: 400 700;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
+
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans-Italic[wght]_c9a8fe68.woff2') format('woff2-variations');
+    src: url($font-files-path + 'OpenSans-Italic[wght]_c9a8fe68.woff2') format('woff2') tech('variations');
+    font-weight: 400 700;
+    font-style: italic;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 }
 
-// quicksand-500 - latin
-@font-face {
-  font-family: 'Quicksand';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url($font-files-path + 'quicksand-v7-latin-500.woff2') format('woff2');
-}
+/* Set up for old browsers */
+@supports not (font-variation-settings: normal) {
+  @font-face {
+    font-family: 'Quicksand';
+    src: url($font-files-path + 'Quicksand-Regular_3e913e7e.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 
-// quicksand-700 - latin
-@font-face {
-  font-family: 'Quicksand';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url($font-files-path + 'quicksand-v7-latin-700.woff2') format('woff2');
-}
+  @font-face {
+    font-family: 'Quicksand';
+    src: url($font-files-path + 'Quicksand-SemiBold_be48a442.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 
-// open-sans-regular - latin
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url($font-files-path + 'open-sans-v15-latin-regular.woff2') format('woff2');
-}
+  @font-face {
+    font-family: 'Quicksand';
+    src: url($font-files-path + 'Quicksand-Bold_20b26f76.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 
-// open-sans-italic - latin
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url($font-files-path + 'open-sans-v15-latin-italic.woff2') format('woff2');
-}
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans-Regular_d0acb717.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 
-// open-sans-700 - latin
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url($font-files-path + 'open-sans-v15-latin-700.woff2') format('woff2');
-}
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans-RegularItalic_48244a7a.woff2') format('woff2');
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
 
-// open-sans-700italic - latin
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: url($font-files-path + 'open-sans-v15-latin-700italic.woff2') format('woff2');
-}
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans-Bold_eb52363b.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
+
+  @font-face {
+    font-family: 'Open Sans';
+    src: url($font-files-path + 'OpenSans-BoldItalic_3ff98862.woff2') format('woff2');
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    unicode-range: $unicode-range;
+  }
+}

src/views/tasks/TaskDetailView.vue

@@ -14,7 +14,7 @@
 				ref="heading"
 			/>
 			<h6 class="subtitle" v-if="parent && parent.namespace && parent.list">
-				{{ getNamespaceTitle(parent.namespace) }} >
+				{{ getNamespaceTitle(parent.namespace) }} &rsaquo;
 				<router-link :to="{ name: 'list.index', params: { listId: parent.list.id } }">
 					{{ getListTitle(parent.list) }}
 				</router-link>

vite.config.ts

@@ -2,14 +2,14 @@
 import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import legacyFn from '@vitejs/plugin-legacy'
-import { URL, fileURLToPath } from "url";
-import { dirname, resolve } from "path";
+import { URL, fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
 
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
 import {VitePWA}  from 'vite-plugin-pwa'
 import {visualizer}  from 'rollup-plugin-visualizer'
 import svgLoader from 'vite-svg-loader'
-import postcssPresetEnv from "postcss-preset-env";
+import postcssPresetEnv from 'postcss-preset-env'
 
 
 const pathSrc = fileURLToPath(new URL('./src', import.meta.url))
@@ -28,7 +28,7 @@ const legacy = isModernBuild
 
 console.log(isModernBuild
 	? 'Building "modern-only" build'
-	: 'Building "legacy" build with "@vitejs/plugin-legacy"'
+	: 'Building "legacy" build with "@vitejs/plugin-legacy"',
 )
 
 // https://vitejs.dev/config/