feat: review changes

chore: use margin left to remove extra div
chore: use gap
2022-01-05 13:32:47 +01:00 · 2022-01-05 11:57:26 +01:00 · 2022-01-05 11:57:26 +01:00 · 2022-01-05 11:57:26 +01:00 · 2022-01-05 11:57:26 +01:00 · 2022-01-05 11:57:25 +01:00
611 changed files with 35021 additions and 55157 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -1,6 +1,5 @@
 ---
 kind: pipeline
-type: docker
 name: build

 trigger:
@ -23,100 +22,36 @@ steps:
 # Disabled until we figure out why it is so slow
 #  - name: restore-cache
 #    image: meltwater/drone-cache:dev
-#    pull: always
+#    pull: true
 #    environment:
 #      AWS_ACCESS_KEY_ID:
 #        from_secret: cache_aws_access_key_id
 #      AWS_SECRET_ACCESS_KEY:
 #        from_secret: cache_aws_secret_access_key
 #    settings:
-#      debug: true
 #      restore: true
 #      bucket: kolaente.dev-drone-dependency-cache
 #      endpoint: https://s3.fr-par.scw.cloud
 #      region: fr-par
 #      path_style: true
-#      cache_key: '{{ .Repo.Name }}_{{ checksum "pnpm-lock.yaml" }}_{{ arch }}_{{ os }}'
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "yarn.lock" }}_{{ arch }}_{{ os }}'
 #      mount:
-#        - .cache
+#        - '.cache'

  - name: dependencies
-    image: node:18-alpine
-    pull: always
+    image: node:16
+    pull: true
    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
-      CYPRESS_CACHE_FOLDER: .cache/cypress
+      YARN_CACHE_FOLDER: .cache/yarn/
+      CYPRESS_CACHE_FOLDER: .cache/cypress/
    commands:
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm install --fetch-timeout 100000
+      - yarn --frozen-lockfile --network-timeout 100000
 #    depends_on:
 #      - restore-cache

-  - name: lint
-    image: node:18-alpine
-    pull: always
-    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
-    commands:
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm run lint
-    depends_on:
-      - dependencies
-
-  - name: build-prod
-    image: node:18-alpine
-    pull: always
-    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
-    commands:
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm run build
-    depends_on:
-      - dependencies
-
-  - name: test-unit
-    image: node:18-alpine
-    pull: always
-    commands:
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm run test:unit
-    depends_on:
-      - dependencies
-
-  - name: typecheck
-    failure: ignore
-    image: node:18-alpine
-    pull: always
-    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
-    commands:
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm run typecheck
-    depends_on:
-      - dependencies
-
-  - name: test-frontend
-    image: cypress/browsers:node18.12.0-chrome107
-    pull: always
-    environment:
-      CYPRESS_API_URL: http://api:3456/api/v1
-      CYPRESS_TEST_SECRET: averyLongSecretToSe33dtheDB
-      PNPM_CACHE_FOLDER: .cache/pnpm
-      CYPRESS_CACHE_FOLDER: .cache/cypress
-      CYPRESS_DEFAULT_COMMAND_TIMEOUT: 60000
-      CYPRESS_RECORD_KEY:
-        from_secret: cypress_project_key
-    commands:
-      - sed -i 's/localhost/api/g' dist/index.html
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm cypress install
-      - pnpm run test:e2e-record
-    depends_on:
-      - build-prod
-
 #  - name: rebuild-cache
 #    image: meltwater/drone-cache:dev
-#    pull: always
+#    pull: true
 #    environment:
 #      AWS_ACCESS_KEY_ID:
 #        from_secret: cache_aws_access_key_id
@ -128,15 +63,83 @@ steps:
 #      endpoint: https://s3.fr-par.scw.cloud
 #      region: fr-par
 #      path_style: true
-#      cache_key: '{{ .Repo.Name }}_{{ checksum "pnpm-lock.yaml" }}_{{ arch }}_{{ os }}'
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "yarn.lock" }}_{{ arch }}_{{ os }}'
 #      mount:
-#        - .cache
+#        - '.cache'
 #    depends_on:
 #      - dependencies

+  - name: lint
+    image: node:16
+    pull: true
+    environment:
+      YARN_CACHE_FOLDER: .cache/yarn/
+      CYPRESS_CACHE_FOLDER: .cache/cypress/
+    commands:
+      - yarn run lint
+    depends_on:
+      - dependencies
+
+  - name: build-prod
+    image: node:16
+    pull: true
+    environment:
+      YARN_CACHE_FOLDER: .cache/yarn/
+    commands:
+      - yarn build
+    depends_on:
+      - dependencies
+
+  - name: test-unit
+    image: node:16
+    pull: true
+    commands:
+      - yarn test:unit
+    depends_on:
+      - dependencies
+
+  - name: test-frontend
+    image: cypress/browsers:node16.5.0-chrome94-ff93
+    pull: true
+    environment:
+      CYPRESS_API_URL: http://api:3456/api/v1
+      CYPRESS_TEST_SECRET: averyLongSecretToSe33dtheDB
+      YARN_CACHE_FOLDER: .cache/yarn/
+      CYPRESS_CACHE_FOLDER: .cache/cypress/
+      CYPRESS_DEFAULT_COMMAND_TIMEOUT: 60000
+    commands:
+      - sed -i 's/localhost/api/g' dist/index.html
+      - yarn serve:dist & npx wait-on http://localhost:5000
+      - yarn test:frontend --browser chrome
+    depends_on:
+      - dependencies
+      - build-prod
+
+  - name: upload-test-results
+    image: plugins/s3
+    pull: true
+    settings:
+      bucket: drone-test-results
+      access_key:
+        from_secret: test_results_aws_access_key_id
+      secret_key:
+        from_secret: test_results_aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
+      path_style: true
+      source: cypress/screenshots/**/**/*
+      strip_prefix: cypress/screenshots/
+      target: /${DRONE_REPO}/${DRONE_PULL_REQUEST}_${DRONE_BRANCH}/${DRONE_BUILD_NUMBER}/
+    depends_on:
+      - test-frontend
+    when:
+      status:
+        - failure
+        - success
+
  - name: deploy-preview
-    image: node:18-alpine
-    pull: always
+    image: node:16
+    pull: true
    environment:
      NETLIFY_AUTH_TOKEN:
        from_secret: netlify_auth_token
@ -145,14 +148,8 @@ steps:
      GITEA_TOKEN:
        from_secret: gitea_token
    commands:
-      - cp -r dist dist-preview
-      # Override the default api url used for preview
-      - sed -i 's|http://localhost:3456|https://try.vikunja.io|g' dist-preview/index.html
-      - apk add --no-cache perl-utils
-      # create via:
-      # `shasum -a 384 ./scripts/deploy-preview-netlify.mjs > ./scripts/deploy-preview-netlify.mjs.sha384`
-      - shasum -a 384 -c ./scripts/deploy-preview-netlify.mjs.sha384
-      - node ./scripts/deploy-preview-netlify.mjs
+      - shasum -a 384 -c ./scripts/deploy-preview-netlify.js.sha384
+      - node ./scripts/deploy-preview-netlify.js
    depends_on:
      - build-prod
    when:
@ -162,7 +159,6 @@ steps:

 ---
 kind: pipeline
-type: docker
 name: release-latest

 depends_on:
@ -182,7 +178,7 @@ steps:

 #  - name: restore-cache
 #    image: meltwater/drone-cache:dev
-#    pull: always
+#    pull: true
 #    environment:
 #      AWS_ACCESS_KEY_ID:
 #        from_secret: cache_aws_access_key_id
@ -194,29 +190,28 @@ steps:
 #      endpoint: https://s3.fr-par.scw.cloud
 #      region: fr-par
 #      path_style: true
-#      cache_key: '{{ .Repo.Name }}_{{ checksum "pnpm-lock.yaml" }}_{{ arch }}_{{ os }}'
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "yarn.lock" }}_{{ arch }}_{{ os }}'
 #      mount:
-#        - .cache
+#        - '.cache'

  - name: build
-    image: node:18-alpine
-    pull: always
+    image: node:16
+    pull: true
+    group: build-static
    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
+      YARN_CACHE_FOLDER: .cache/yarn/
    commands:
-      - apk add git
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm install --fetch-timeout 100000 --frozen-lockfile
-      - pnpm run lint
+      - yarn --frozen-lockfile --network-timeout 100000
+      - yarn run lint
      - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
-      - pnpm run build
+      - yarn run build
      - sed -i 's/http\:\\/\\/localhost\\:3456\\/api\\/v1/\\/api\\/v1/g' dist/index.html # Override the default api url used for developing
 #    depends_on:
 #      - restore-cache

  - name: static
    image: kolaente/zip
-    pull: always
+    pull: true
    commands:
      - cd dist
      - zip -r ../vikunja-frontend-unstable.zip *
@ -225,7 +220,7 @@ steps:

  - name: release
    image: plugins/s3
-    pull: always
+    pull: true
    settings:
      bucket: vikunja-releases
      access_key:
@ -241,7 +236,6 @@ steps:

 ---
 kind: pipeline
-type: docker
 name: release-version

 depends_on:
@ -259,7 +253,7 @@ steps:

 #  - name: restore-cache
 #    image: meltwater/drone-cache:dev
-#    pull: always
+#    pull: true
 #    environment:
 #      AWS_ACCESS_KEY_ID:
 #        from_secret: cache_aws_access_key_id
@ -271,29 +265,28 @@ steps:
 #      endpoint: https://s3.fr-par.scw.cloud
 #      region: fr-par
 #      path_style: true
-#      cache_key: '{{ .Repo.Name }}_{{ checksum "pnpm-lock.yaml" }}_{{ arch }}_{{ os }}'
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "yarn.lock" }}_{{ arch }}_{{ os }}'
 #      mount:
-#        - .cache
+#        - '.cache'

  - name: build
-    image: node:18-alpine
-    pull: always
+    image: node:16
+    pull: true
+    group: build-static
    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
+      YARN_CACHE_FOLDER: .cache/yarn/
    commands:
-      - apk add git
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm install --fetch-timeout 100000 --frozen-lockfile
-      - pnpm run lint
+      - yarn --frozen-lockfile --network-timeout 100000
+      - yarn run lint
      - "echo '{\"VERSION\": \"'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'\"}' > src/version.json"
-      - pnpm run build
+      - yarn run build
      - sed -i 's/http\:\\/\\/localhost\\:3456\\/api\\/v1/\\/api\\/v1/g' dist/index.html # Override the default api url used for developing
 #    depends_on:
 #      - restore-cache

  - name: static
    image: kolaente/zip
-    pull: always
+    pull: true
    commands:
      - cd dist
      - zip -r ../vikunja-frontend-${DRONE_TAG##v}.zip *
@ -302,7 +295,7 @@ steps:

  - name: release
    image: plugins/s3
-    pull: always
+    pull: true
    settings:
      bucket: vikunja-releases
      access_key:
@ -318,7 +311,6 @@ steps:

 ---
 kind: pipeline
-type: docker
 name: trigger-desktop-update

 trigger:
@ -343,7 +335,111 @@ steps:
 ---
 kind: pipeline
 type: docker
-name: docker-release
+name: docker-arm-release
+
+depends_on:
+  - release-latest
+  - release-version
+
+platform:
+  os: linux
+  arch: arm64
+
+trigger:
+  ref:
+    - refs/heads/main
+    - "refs/tags/**"
+  event:
+    exclude:
+      - cron
+
+steps:
+  - name: docker-unstable
+    image: plugins/docker:linux-arm
+    pull: true
+    settings:
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
+      repo: vikunja/frontend
+      tags: unstable-linux-arm
+      build_args:
+        - USE_RELEASE=true
+        - RELEASE_VERSION=unstable
+    when:
+      ref:
+        - refs/heads/main
+    depends_on:
+      - clone
+
+  - name: docker-version
+    image: plugins/docker:linux-arm
+    pull: true
+    settings:
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
+      repo: vikunja/frontend
+      auto_tag: true
+      auto_tag_suffix: linux-arm
+      build_args:
+        - USE_RELEASE=true
+        - RELEASE_VERSION=${DRONE_TAG##v}
+    when:
+      ref:
+        - "refs/tags/**"
+    depends_on:
+      - clone
+
+  - name: docker-unstable-arm64
+    image: plugins/docker:linux-arm64
+    pull: true
+    settings:
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
+      repo: vikunja/frontend
+      tags: unstable-linux-arm64
+      build_args:
+        - USE_RELEASE=true
+        - RELEASE_VERSION=unstable
+    when:
+      ref:
+        - refs/heads/main
+    depends_on:
+      - clone
+
+  - name: docker-version-arm64
+    image: plugins/docker:linux-arm64
+    pull: true
+    settings:
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
+      repo: vikunja/frontend
+      auto_tag: true
+      auto_tag_suffix: linux-arm64
+      build_args:
+        - USE_RELEASE=true
+        - RELEASE_VERSION=${DRONE_TAG##v}
+    when:
+      ref:
+        - "refs/tags/**"
+    depends_on:
+      - clone
+
+---
+kind: pipeline
+type: docker
+name: docker-amd64-release
+
+platform:
+  os: linux
+  arch: amd64

 depends_on:
  - release-latest
@ -358,67 +454,101 @@ trigger:
      - cron

 steps:
-  - name: fetch-tags
-    image: docker:git
-    commands:
-      - git fetch --tags
-
  - name: docker-unstable
-    image: thegeeklab/drone-docker-buildx
-    privileged: true
-    pull: always
+    image: plugins/docker:linux-amd64
+    pull: true
    settings:
      username:
        from_secret: docker_username
      password:
        from_secret: docker_password
      repo: vikunja/frontend
-      tags: unstable
+      tags: unstable-linux-amd64
      build_args:
        - USE_RELEASE=true
        - RELEASE_VERSION=unstable
-      platforms:
-        - linux/386
-        - linux/amd64
-        - linux/arm/v6
-        - linux/arm/v7
-        - linux/arm64/v8
-    depends_on: [ fetch-tags ]
    when:
      ref:
        - refs/heads/main

-  - name: generate-tags
-    image: thegeeklab/docker-autotag
-    environment:
-      DOCKER_AUTOTAG_VERSION: ${DRONE_TAG}
-      DOCKER_AUTOTAG_EXTRA_TAGS: latest
-      DOCKER_AUTOTAG_OUTPUT_FILE: .tags
-    depends_on: [ fetch-tags ]
-    when:
-      ref:
-        - "refs/tags/**"
-
-  - name: docker-release
-    image: thegeeklab/drone-docker-buildx
-    privileged: true
-    pull: always
+  - name: docker-version
+    image: plugins/docker:linux-amd64
+    pull: true
    settings:
      username:
        from_secret: docker_username
      password:
        from_secret: docker_password
      repo: vikunja/frontend
+      auto_tag: true
+      auto_tag_suffix: linux-amd64
      build_args:
        - USE_RELEASE=true
        - RELEASE_VERSION=${DRONE_TAG##v}
-      platforms:
-        - linux/386
-        - linux/amd64
-        - linux/arm/v6
-        - linux/arm/v7
-        - linux/arm64/v8
-    depends_on: [ generate-tags ]
+    when:
+      ref:
+        - "refs/tags/**"
+
+---
+kind: pipeline
+type: docker
+name: docker-manifest
+
+trigger:
+  ref:
+    - refs/heads/main
+    - "refs/tags/**"
+  event:
+    exclude:
+      - cron
+
+depends_on:
+  - docker-amd64-release
+  - docker-arm-release
+
+steps:
+  - name: manifest-unstable
+    pull: always
+    image: plugins/manifest
+    settings:
+      tags: unstable
+      spec: docker-manifest-unstable.tmpl
+      password:
+        from_secret: docker_password
+      username:
+        from_secret: docker_username
+    when:
+      ref:
+        - refs/heads/main
+
+  - name: manifest-release
+    pull: always
+    image: plugins/manifest
+    settings:
+      auto_tag: true
+      ignore_missing: true
+      spec: docker-manifest.tmpl
+      password:
+        from_secret: docker_password
+      username:
+        from_secret: docker_username
+    when:
+      ref:
+        - "refs/tags/**"
+  
+  - name: manifest-release-latest
+    pull: always
+    image: plugins/manifest
+    depends_on:
+      - clone
+    settings:
+      tags: latest
+      ignore_missing: true
+      spec: docker-manifest.tmpl
+      password:
+        from_secret: docker_password
+      username:
+        from_secret: docker_username
    when:
      ref:
        - "refs/tags/**"
@ -441,7 +571,9 @@ depends_on:
  - release-version
  - release-latest
  - trigger-desktop-update
-  - docker-release
+  - docker-arm-release
+  - docker-amd64-release
+  - docker-manifest

 steps:
  - name: notify
@ -462,6 +594,9 @@ kind: pipeline
 type: docker
 name: update-translations

+depends_on:
+  - build
+
 trigger:
  branch:
    - main
@ -521,6 +656,6 @@ steps:
        from_secret: crowdin_key
 ---
 kind: signature
-hmac: 971875b90c7bb1649d1b00d022d0b594ba9b68f927bf8f0dbe840190816d676b
+hmac: 188ee90100c5fc5922a445e531e7a47453121edddb2a64a182eb23ed2bf602de

 ...
--- a/.env.local.example
+++ b/.env.local.example
@ -1,13 +0,0 @@
-# (1) Duplicate this file and remove the '.example' suffix.
-# Naming this file '.env.local' is a Vite convention to prevent accidentally
-# submitting to git.
-# For more info see: https://vitejs.dev/guide/env-and-mode.html#env-files
-
-# (2) Comment in and adjust the values as needed.
-
-# VITE_IS_ONLINE=true
-# VITE_WORKBOX_DEBUG=false
-# SENTRY_AUTH_TOKEN=YOUR_TOKEN
-# SENTRY_ORG=vikunja
-# SENTRY_PROJECT=frontend-oss
-# VIKUNJA_FRONTEND_BASE=/custom-subpath
--- a/.envrc
+++ b/.envrc
@ -1 +0,0 @@
-use flake
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -1,58 +0,0 @@
-/* eslint-env node */
-require("@rushstack/eslint-patch/modern-module-resolution")
-
-module.exports = {
-	'root': true,
-	'env': {
-		'browser': true,
-		'es2022': true,
-		'node': true,
-		'vue/setup-compiler-macros': true,
-	},
-	'extends': [
-		'eslint:recommended',
-		'plugin:vue/vue3-essential',
-		'@vue/eslint-config-typescript/recommended',
-	],
-	'rules': {
-		'vue/html-quotes': [
-			'error',
-			'double',
-		],
-		'quotes': [
-			'error',
-			'single',
-		],
-		'comma-dangle': [
-			'error',
-			'always-multiline',
-		],
-		'semi': [
-			'error',
-			'never',
-		],
-
-		// see https://segmentfault.com/q/1010000040813116/a-1020000041134455 (original in chinese)
-		'no-unused-vars': 'off',
-		'@typescript-eslint/no-unused-vars': ['error', { vars: 'all', args: 'after-used', ignoreRestSiblings: true }],
-
-		'vue/multi-word-component-names': 0,
-		// disabled until we have support for reactivityTransform
-		// See https://github.com/vuejs/eslint-plugin-vue/issues/1948
-		// see also setting in `vite.config`
-		'vue/no-setup-props-destructure': 0,
-	},
-	'parser': 'vue-eslint-parser',
-	'parserOptions': {
-		'parser': '@typescript-eslint/parser',
-		'ecmaVersion': 2022,
-		'sourceType': 'module',
-	},
-	'ignorePatterns': [
-		'*.test.*',
-		'cypress/*',
-	],
-	'globals': {
-		'defineProps': 'readonly',
-	},
-}
--- a/.gitea/issue_template.md
+++ b/.gitea/issue_template.md
@ -1,44 +0,0 @@
-<!--
-
-Please fill out this issue template to report a bug.
-If you want to propose a new feature, please open a discussion thread in the forum: https://community.vikunja.io
-
-->
-
-**Version information:**
-
-Frontend Version:
-API Version: 
-Browser and OS Version:
-
-**Steps to reproduce:**
-
-<!--
-Add clear steps to reproduce the bug. Provide screenshots where applicable.
-->
-
-1. 
-2.
-...
-
-**Expected behavior:**
-
-<!--
-Describe what happened.
-->
-
-
-
-**Actual behavior:**
-
-<!--
-Describe what happened instead.
-->
-
-
-
-**Checklist:**
-
-* [ ] I have provided all required information
-* [ ] I am using the latest release or the latest unstable build
-* [ ] I was able to reproduce the bug on [try](https://try.vikunja.io)
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1,3 +1,2 @@
 github: kolaente
-open_collective: vikunja
-custom: ["https://vikunja.cloud", "https://www.buymeacoffee.com/kolaente"]
+custom: https://www.buymeacoffee.com/kolaente
--- a/.github/ISSUE_TEMPLATE/bug-report.yml
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@ -1,59 +0,0 @@
-name: Bug Report
-description: Found something you weren't expecting? Report it here!
-labels:
-  - kind/bug
-body:
-  - type: markdown
-    attributes:
-      value: |
-        NOTE: If your issue is a security concern, please send an email to security@vikunja.io instead of opening a public issue.
-  - type: markdown
-    attributes:
-      value: |
-        Please fill out this issue template to report a bug.
-        
-        1. If you want to propose a new feature, please open a discussion thread in the forum: https://community.vikunja.io
-        2. Please ask questions or configuration/deploy problems on our [Matrix Room](https://matrix.to/#/#vikunja:matrix.org) or forum (https://community.vikunja.io).
-        3. Make sure you are using the latest release and
-           take a moment to check that your issue hasn't been reported before.
-        4. Please give all relevant information below for bug reports, because
-           incomplete details will be handled as an invalid report and closed.
-  - type: textarea
-    id: description
-    attributes:
-      label: Description
-      description: |
-        Please provide a description of your issue here, with a URL if you were able to reproduce the issue (see below).
-  - type: input
-    id: frontend-version
-    attributes:
-      label: Vikunja Frontend Version
-      description: Vikunja frontend version (or commit reference) of your instance
-    validations:
-      required: true
-  - type: input
-    id: api-version
-    attributes:
-      label: Vikunja API Version
-      description: Vikunja API version (or commit reference) of your instance
-    validations:
-      required: true
-  - type: input
-    id: browser-version
-    attributes:
-      label: Browser and version
-      description: If your issue is related to a frontend problem, please provide the browser and version you used to reproduce it.
-  - type: dropdown
-    id: can-reproduce
-    attributes:
-      label: Can you reproduce the bug on the Vikunja demo site?
-      options:
-        - "Yes"
-        - "No"
-    validations:
-      required: true
-  - type: textarea
-    id: screenshots
-    attributes:
-      label: Screenshots
-      description: If this issue involves the Web Interface, please provide one or more screenshots
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@ -1,17 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: API issues
-    url: https://code.vikunja.io/api/issues
-    about: This is the frontend repo. Please open api-related bug reports and discussions in the api 0repo. Not sure if your issue is frontend or api? Ask in Matrix or the forum first.
-  - name: Forum
-    url: https://community.vikunja.io/
-    about: Feature Requests, Questions, configuration or deployment problems should be discussed in the forum.
-  - name: Security-related issues
-    url: https://vikunja.io/contact/#security
-    about: For security concerns, please send a mail to security@vikunja.io instead of opening a public issue.
-  - name: Chat on Matrix
-    url: https://matrix.to/#/#vikunja:matrix.org
-    about: Please ask any quick questions here.
-  - name: Translations
-    url: https://crowdin.com/project/vikunja
-    about: Any problems or requests for new languages about translations should be handled in crowdin.
--- a/.gitignore
+++ b/.gitignore
@ -1,31 +1,21 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-stats.html
-
-node_modules
 .DS_Store
+node_modules
 /dist*
-coverage
 *.zip
-.direnv/
-
-# Test files
-cypress/screenshots
-cypress/videos

 # local env files
 .env.local
 .env.*.local

+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+stats.html
+
 # Editor directories and files
-.vscode
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj
@ -33,9 +23,9 @@ cypress/videos
 *.sw*
 !rollup.sw.js

+# Test files
+cypress/screenshots
+cypress/videos

 # Local Netlify folder
 .netlify
-
-# histoire
-.histoire
--- a/.npmrc
+++ b/.npmrc
@ -1,2 +0,0 @@
-auto-install-peers=true
-fetch-timeout=100000
--- a/.nvmrc
+++ b/.nvmrc
@ -1 +1 @@
-18.14.1
+v16
--- a/.vscode.example/extensions.json
+++ b/.vscode.example/extensions.json
@ -3,8 +3,7 @@
    "codezombiech.gitignore",
    "dbaeumer.vscode-eslint",
    "editorconfig.editorconfig",
-    "vue.volar",
-    "vue.vscode-typescript-vue-plugin",
+    "johnsoncodehk.volar",
    "lokalise.i18n-ally",
    "mgmcdermott.vscode-language-babel",
    "mikestead.dotenv",
--- a/.vscode.example/settings.json
+++ b/.vscode.example/settings.json
@ -1,5 +1,5 @@
 {
-  "eslint.packageManager": "pnpm",
+  "eslint.packageManager": "yarn",
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
@ -18,11 +18,13 @@
    "javascriptreact",
    "vue"
  ],
+  "vetur.validation.template": false,
+
  // i18n ally
  "i18n-ally.localesPaths": [
    "src/i18n/lang"
  ],
  "i18n-ally.sortKeys": true,
  "i18n-ally.keepFulfilled": true,
-  "i18n-ally.keystyle": "nested"
+  "i18n-ally.keystyle": "nested",
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
--- a/81
+++ b/81
@ -1,70 +1,39 @@
-# syntax=docker/dockerfile:1
-#  ┬─┐┬ ┐o┬  ┬─┐
-#  │─││ │││  │ │
-#  ┘─┘┘─┘┘┘─┘┘─┘
-
-FROM --platform=$BUILDPLATFORM node:18-alpine AS builder
+# Stage 1: Build application
+FROM node:16 AS compile-image

 WORKDIR /build

 ARG USE_RELEASE=false
 ARG RELEASE_VERSION=main
-ENV PNPM_CACHE_FOLDER .cache/pnpm/

-COPY package.json ./
-COPY pnpm-lock.yaml ./
+ENV YARN_CACHE_FOLDER .cache/yarn/
+COPY .  ./

-RUN if [ "$USE_RELEASE" != true ]; then \
-      # https://pnpm.io/installation#using-corepack
-      corepack enable && \
-      pnpm install; \
-    fi
+RUN \
+  if [ $USE_RELEASE = true ]; then \
+    rm -rf dist/ && \
+    wget https://dl.vikunja.io/frontend/vikunja-frontend-$RELEASE_VERSION.zip -O frontend-release.zip && \
+    unzip frontend-release.zip -d dist/ && \
+    exit 0; \
+  fi && \
+  # Build the frontend
+  yarn install --frozen-lockfile --network-timeout 100000 && \
+  echo '{"VERSION": "'$(git describe --tags --always --abbrev=10 | sed 's/-/+/' | sed 's/^v//' | sed 's/-g/-/')'"}' > src/version.json && \
+  yarn run build

-COPY . ./
+# Stage 2: copy 
+FROM nginx

-RUN if [ "$USE_RELEASE" != true ]; then \
-      apk add --no-cache --virtual .build-deps git jq && \
-      git describe --tags --always --abbrev=10 | sed 's/-/+/; s/^v//; s/-g/-/' | \
-      xargs -0 -I{} jq -Mcnr --arg version {} '{VERSION:$version}' | \
-      tee src/version.json && \
-      apk del .build-deps; \
-    fi
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY run.sh /run.sh

-RUN if [ "$USE_RELEASE" = true ]; then \
-      wget "https://dl.vikunja.io/frontend/vikunja-frontend-${RELEASE_VERSION}.zip" -O frontend-release.zip && \
-      unzip frontend-release.zip -d dist/; \
-    else \
-      # we don't use corepack prepare here by intend since
-      # we have renovate to keep our dependencies up to date
-      # Build the frontend
-      pnpm run build; \
-  fi
+# copy compiled files from stage 1
+COPY --from=compile-image /build/dist /usr/share/nginx/html

-#  ┌┐┐┌─┐o┌┐┐┐ │
-#  ││││ ┬││││┌┼┘
-#  ┘└┘┘─┘┘┘└┘┘ └
+# Unprivileged user
+ENV PUID 1000
+ENV PGID 1000

-FROM nginx:stable-alpine AS runner
-WORKDIR /usr/share/nginx/html
 LABEL maintainer="maintainers@vikunja.io"

-ENV VIKUNJA_HTTP_PORT 80
-ENV VIKUNJA_HTTP2_PORT 81
-ENV VIKUNJA_LOG_FORMAT main
-ENV VIKUNJA_API_URL /api/v1
-ENV VIKUNJA_SENTRY_ENABLED false
-ENV VIKUNJA_SENTRY_DSN https://85694a2d757547cbbc90cd4b55c5a18d@o1047380.ingest.sentry.io/6024480
-
-COPY docker/injector.sh /docker-entrypoint.d/50-injector.sh
-COPY docker/ipv6-disable.sh /docker-entrypoint.d/60-ipv6-disable.sh
-COPY docker/nginx.conf /etc/nginx/nginx.conf
-COPY docker/templates/. /etc/nginx/templates/
-# copy compiled files from stage 1
-COPY --from=builder /build/dist ./
-# manage permissions
-RUN chmod 0755 /docker-entrypoint.d/*.sh /etc/nginx/templates && \
-    chmod -R 0644 /etc/nginx/nginx.conf && \
-    chown -R nginx:nginx ./ /etc/nginx/conf.d /etc/nginx/templates && \
-    rm -f /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh
-# unprivileged user
-USER nginx
+CMD "/run.sh"
--- a/README.md
+++ b/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.3-brightgreen.svg)](https://dl.vikunja.io)
+[![Download](https://img.shields.io/badge/download-v0.18.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.
@ -18,36 +18,27 @@ If you find any security-related issues you don't want to disclose publicly, ple
 ## Docker

 There is a [docker image available](https://hub.docker.com/r/vikunja/api) with support for http/2 and aggressive caching enabled.
-In order to build it from sources run the command below. (Docker >= v19.03)
-
-```shell
-export DOCKER_BUILDKIT=1
-docker build -t vikunja/frontend .
-```
-
-Refer to Refer [to multi-platform documentation](https://docs.docker.com/build/building/multi-platform/) in order to build for the different platform.

 ## Project setup

 ```shell
-pnpm install
+yarn install
 ```

 ### Compiles and hot-reloads for development

 ```shell
-pnpm run serve
+yarn run serve
 ```

 ### Compiles and minifies for production

 ```shell
-pnpm run build
+yarn run build
 ```

 ### Lints and fixes files

 ```shell
-pnpm run lint
+yarn run lint
 ```
-
--- a/cliff.toml
+++ b/cliff.toml
@ -1,59 +0,0 @@
-[changelog]
-body = """
-{% if version %}\
-    ## [{{ version | trim_start_matches(pat="v") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
-{% else %}\
-    ## [unreleased]
-{% endif %}\
-
-
-{% for group, commits in commits | group_by(attribute="group") %}
-    ### {{ group | upper_first }}
-    {% for commit in commits
-    | filter(attribute="scope")
-    | sort(attribute="scope") %}
-        * *({{commit.scope}})* {{ commit.message | upper_first }}
-        {%- if commit.breaking %}
-        {% raw %}  {% endraw %}- **BREAKING**: {{commit.breaking_description}}
-        {%- endif -%}
-    {%- endfor -%}
-    {%- for commit in commits %}
-        {%- if commit.scope -%}
-        {% else -%}
-            * {{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end="") }}]({{ commit.id }}))
-            {% if commit.breaking -%}
-            {% raw %}  {% endraw %}- **BREAKING**: {{commit.breaking_description}}
-            {% endif -%}
-        {% endif -%}
-    {% endfor -%}
-    {% raw %}\n{% endraw %}\
-{% endfor %}\n
-
-"""
-#{% for group, commits in commits | group_by(attribute="group") %}
-#    ### {{ group | upper_first }}
-#    {% for commit in commits %}\
-#        - {% if commit.breaking %}[**breaking**] {% endif %}{{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end="") }}]({{ commit.id }}))
-#    {% endfor %}\
-#{% endfor %}\n
-# remove the leading and trailing whitespace from the template
-trim = true
-
-[git]
-conventional_commits = true
-filter_unconventional = false
-commit_parsers = [
-    { message = ".*(deps).*", group = "Dependencies"},
-    { message = "^feat", group = "Features"},
-    { message = "^fix", group = "Bug Fixes"},
-    { message = "^doc", group = "Documentation"},
-    { message = "^perf", group = "Performance"},
-    { message = "^refactor", group = "Refactor"},
-    { message = "^style", group = "Styling"},
-    { message = "^test", group = "Testing"},
-    { message = "^chore\\(release\\): prepare for", skip = true},
-    { message = "^chore", group = "Miscellaneous Tasks"},
-    { body = ".*security", group = "Security"},
-    { message = ".*", group = "Other", default_scope = "other"}, # Everything that's not a conventional commit goes into the "Other" category
-]
-
--- a/cypress.config.ts
+++ b/cypress.config.ts
@ -1,27 +0,0 @@
-import {defineConfig} from 'cypress'
-
-export default defineConfig({
-	env: {
-		API_URL: 'http://localhost:3456/api/v1',
-		TEST_SECRET: 'averyLongSecretToSe33dtheDB',
-	},
-	video: false,
-	retries: {
-		runMode: 2,
-	},
-	projectId: '181c7x',
-	e2e: {
-		specPattern: 'cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}',
-		baseUrl: 'http://127.0.0.1:4173',
-		experimentalRunAllSpecs: true,
-		// testIsolation: false,
-	},
-	component: {
-		devServer: {
-			framework: 'vue',
-			bundler: 'vite',
-		},
-	},
-	viewportWidth: 1600,
-	viewportHeight: 900,
-})
--- a/cypress.json
+++ b/cypress.json
@ -0,0 +1,11 @@
+{
+  "baseUrl": "http://localhost:5000",
+  "env": {
+    "API_URL": "http://localhost:3456/api/v1",
+    "TEST_SECRET": "averyLongSecretToSe33dtheDB"
+  },
+  "video": false,
+  "retries": {
+    "runMode": 2
+  }
+}
--- a/cypress/README.md
+++ b/cypress/README.md
@ -36,7 +36,7 @@ to get a shell inside the cypress container.
 In that shell you can then execute the tests with

 ```shell
-pnpm run test:e2e
+yarn test:frontend
 ```

 ### Using The Cypress Dashboard
@ -44,5 +44,5 @@ pnpm run test:e2e
 To open the Cypress Dashboard and run tests from there, run

 ```shell
-pnpm run test:e2e:dev
+yarn cypress:open
 ```
--- a/cypress/docker-compose.yml
+++ b/cypress/docker-compose.yml
@ -9,7 +9,7 @@ services:
    ports:
      - 3456:3456
  cypress:
-    image: cypress/browsers:node18.12.0-chrome107
+    image: cypress/browsers:node12.18.3-chrome87-ff82
    volumes:
    - ..:/project
    - $HOME/.cache:/home/node/.cache/
--- a/cypress/e2e/list/list-history.spec.ts
+++ b/cypress/e2e/list/list-history.spec.ts
@ -1,57 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {ListFactory} from '../../factories/list'
-import {prepareLists} from './prepareLists'
-
-describe('List History', () => {
-	createFakeUserAndLogin()
-	prepareLists()
-	
-	it('should show a list history on the home page', () => {
-		cy.intercept(Cypress.env('API_URL') + '/namespaces*').as('loadNamespaces')
-		cy.intercept(Cypress.env('API_URL') + '/lists/*').as('loadList')
-		
-		const lists = ListFactory.create(6)
-
-		cy.visit('/')
-		cy.wait('@loadNamespaces')
-		cy.get('body')
-			.should('not.contain', 'Last viewed')
-
-		cy.visit(`/lists/${lists[0].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-		cy.visit(`/lists/${lists[1].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-		cy.visit(`/lists/${lists[2].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-		cy.visit(`/lists/${lists[3].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-		cy.visit(`/lists/${lists[4].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-		cy.visit(`/lists/${lists[5].id}`)
-		cy.wait('@loadNamespaces')
-		cy.wait('@loadList')
-
-		// cy.visit('/')
-		// cy.wait('@loadNamespaces')
-		// Not using cy.visit here to work around the redirect issue fixed in #1337
-		cy.get('nav.menu.top-menu a')
-			.contains('Overview')
-			.click()
-		
-		cy.get('body')
-			.should('contain', 'Last viewed')
-		cy.get('[data-cy="listCardGrid"]')
-			.should('not.contain', lists[0].title)
-			.should('contain', lists[1].title)
-			.should('contain', lists[2].title)
-			.should('contain', lists[3].title)
-			.should('contain', lists[4].title)
-			.should('contain', lists[5].title)
-	})
-})
--- a/cypress/e2e/list/list-view-gantt.spec.ts
+++ b/cypress/e2e/list/list-view-gantt.spec.ts
@ -1,126 +0,0 @@
-import {formatISO, format} from 'date-fns'
-
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {TaskFactory} from '../../factories/task'
-import {prepareLists} from './prepareLists'
-
-describe('List View Gantt', () => {
-	createFakeUserAndLogin()
-	prepareLists()
-
-	it('Hides tasks with no dates', () => {
-		const tasks = TaskFactory.create(1)
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.g-gantt-rows-container')
-			.should('not.contain', tasks[0].title)
-	})
-
-	it('Shows tasks from the current and next month', () => {
-		const now = Date.UTC(2022, 8, 25)
-		cy.clock(now, ['Date'])
-
-		const nextMonth = new Date(now)
-		nextMonth.setDate(1)
-		nextMonth.setMonth(9)
-
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.g-timeunits-container')
-			.should('contain', format(now, 'MMMM'))
-			.should('contain', format(nextMonth, 'MMMM'))
-	})
-
-	it('Shows tasks with dates', () => {
-		const now = new Date()
-		const tasks = TaskFactory.create(1, {
-			start_date: now.toISOString(),
-			end_date: new Date(new Date(now).setDate(now.getDate() + 4)).toISOString(),
-		})
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.g-gantt-rows-container')
-			.should('not.be.empty')
-			.should('contain', tasks[0].title)
-	})
-
-	it('Shows tasks with no dates after enabling them', () => {
-		const tasks = TaskFactory.create(1, {
-			start_date: null,
-			end_date: null,
-		})
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.gantt-options .fancycheckbox')
-			.contains('Show tasks which don\'t have dates set')
-			.click()
-
-		cy.get('.g-gantt-rows-container')
-			.should('not.be.empty')
-			.should('contain', tasks[0].title)
-	})
-
-	it('Drags a task around', () => {
-		cy.intercept(Cypress.env('API_URL') + '/tasks/*').as('taskUpdate')
-
-		const now = new Date()
-		TaskFactory.create(1, {
-			start_date: now.toISOString(),
-			end_date: new Date(new Date(now).setDate(now.getDate() + 4)).toISOString(),
-		})
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.g-gantt-rows-container .g-gantt-row .g-gantt-row-bars-container div .g-gantt-bar')
-			.first()
-			.trigger('mousedown', {which: 1})
-			.trigger('mousemove', {clientX: 500, clientY: 0})
-			.trigger('mouseup', {force: true})
-		cy.wait('@taskUpdate')
-	})
-
-	it('Should change the query parameters when selecting a date range', () => {
-		const now = Date.UTC(2022, 10, 9)
-		cy.clock(now, ['Date'])
-
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.list-gantt .gantt-options .field .control input.input.form-control')
-			.click()
-		cy.get('.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day')
-			.first()
-			.click()
-		cy.get('.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day')
-			.last()
-			.click()
-
-		cy.url().should('contain', 'dateFrom=2022-09-25')
-		cy.url().should('contain', 'dateTo=2022-11-05')
-	})
-
-	it('Should change the date range based on date query parameters', () => {
-		cy.visit('/lists/1/gantt?dateFrom=2022-09-25&dateTo=2022-11-05')
-
-		cy.get('.g-timeunits-container')
-			.should('contain', 'September 2022')
-			.should('contain', 'October 2022')
-			.should('contain', 'November 2022')
-		cy.get('.list-gantt .gantt-options .field .control input.input.form-control')
-			.should('have.value', '25 Sep 2022 to 5 Nov 2022')
-	})
-
-	it('Should open a task when double clicked on it', () => {
-		const now = new Date()
-		const tasks = TaskFactory.create(1, {
-			start_date: formatISO(now),
-			end_date: formatISO(now.setDate(now.getDate() + 4)),
-		})
-		cy.visit('/lists/1/gantt')
-
-		cy.get('.gantt-container .g-gantt-chart .g-gantt-row-bars-container .g-gantt-bar')
-			.dblclick()
-
-		cy.url()
-			.should('contain', `/tasks/${tasks[0].id}`)
-	})
-})
--- a/cypress/e2e/list/list-view-kanban.spec.ts
+++ b/cypress/e2e/list/list-view-kanban.spec.ts
@ -1,241 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {BucketFactory} from '../../factories/bucket'
-import {ListFactory} from '../../factories/list'
-import {TaskFactory} from '../../factories/task'
-import {prepareLists} from './prepareLists'
-
-describe('List View Kanban', () => {
-	createFakeUserAndLogin()
-	prepareLists()
-	
-	let buckets
-	beforeEach(() => {
-		buckets = BucketFactory.create(2)
-	})
-
-	it('Shows all buckets with their tasks', () => {
-		const data = TaskFactory.create(10, {
-			list_id: 1,
-			bucket_id: 1,
-		})
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .title')
-			.contains(buckets[0].title)
-			.should('exist')
-		cy.get('.kanban .bucket .title')
-			.contains(buckets[1].title)
-			.should('exist')
-		cy.get('.kanban .bucket')
-			.first()
-			.should('contain', data[0].title)
-	})
-
-	it('Can add a new task to a bucket', () => {
-		TaskFactory.create(2, {
-			list_id: 1,
-			bucket_id: 1,
-		})
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket')
-			.contains(buckets[0].title)
-			.get('.bucket-footer .button')
-			.contains('Add another task')
-			.click()
-		cy.get('.kanban .bucket')
-			.contains(buckets[0].title)
-			.get('.bucket-footer .field .control input.input')
-			.type('New Task{enter}')
-
-		cy.get('.kanban .bucket')
-			.first()
-			.should('contain', 'New Task')
-	})
-
-	it('Can create a new bucket', () => {
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket.new-bucket .button')
-			.click()
-		cy.get('.kanban .bucket.new-bucket input.input')
-			.type('New Bucket{enter}')
-
-		cy.wait(1000) // Wait for the request to finish
-		cy.get('.kanban .bucket .title')
-			.contains('New Bucket')
-			.should('exist')
-	})
-
-	it('Can set a bucket limit', () => {
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-trigger')
-			.first()
-			.click()
-		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item')
-			.contains('Limit: Not Set')
-			.click()
-		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item .field input.input')
-			.first()
-			.type(3)
-		cy.get('[data-cy="setBucketLimit"]')
-			.first()
-			.click()
-
-		cy.get('.kanban .bucket .bucket-header span.limit')
-			.contains('0/3')
-			.should('exist')
-	})
-
-	it('Can rename a bucket', () => {
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .bucket-header .title')
-			.first()
-			.type('{selectall}New Bucket Title{enter}')
-		cy.get('.kanban .bucket .bucket-header .title')
-			.first()
-			.should('contain', 'New Bucket Title')
-	})
-
-	it('Can delete a bucket', () => {
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-trigger')
-			.first()
-			.click()
-		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item')
-			.contains('Delete')
-			.click()
-		cy.get('.modal-mask .modal-container .modal-content .header')
-			.should('contain', 'Delete the bucket')
-		cy.get('.modal-mask .modal-container .modal-content .actions .button')
-			.contains('Do it!')
-			.click()
-
-		cy.get('.kanban .bucket .title')
-			.contains(buckets[0].title)
-			.should('not.exist')
-		cy.get('.kanban .bucket .title')
-			.contains(buckets[1].title)
-			.should('exist')
-	})
-
-	it('Can drag tasks around', () => {
-		const tasks = TaskFactory.create(2, {
-			list_id: 1,
-			bucket_id: 1,
-		})
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .tasks .task')
-			.contains(tasks[0].title)
-			.first()
-			.drag('.kanban .bucket:nth-child(2) .tasks')
-		
-		cy.get('.kanban .bucket:nth-child(2) .tasks')
-			.should('contain', tasks[0].title)
-		cy.get('.kanban .bucket:nth-child(1) .tasks')
-			.should('not.contain', tasks[0].title)
-	})
-
-	it('Should navigate to the task when the task card is clicked', () => {
-		const tasks = TaskFactory.create(5, {
-			id: '{increment}',
-			list_id: 1,
-			bucket_id: 1,
-		})
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .tasks .task')
-			.contains(tasks[0].title)
-			.should('be.visible')
-			.click()
-
-		cy.url()
-			.should('contain', `/tasks/${tasks[0].id}`, { timeout: 1000 })
-	})
-
-	it('Should remove a task from the kanban board when moving it to another list', () => {
-		const lists = ListFactory.create(2)
-		BucketFactory.create(2, {
-			list_id: '{increment}',
-		})
-		const tasks = TaskFactory.create(5, {
-			id: '{increment}',
-			list_id: 1,
-			bucket_id: 1,
-		})
-		const task = tasks[0]
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .tasks .task')
-			.contains(task.title)
-			.should('be.visible')
-			.click()
-
-		cy.get('.task-view .action-buttons .button', { timeout: 3000 })
-			.contains('Move')
-			.click()
-		cy.get('.task-view .content.details .field .multiselect.control .input-wrapper input')
-			.type(`${lists[1].title}{enter}`)
-		// The requests happen with a 200ms timeout. Because of that, the results are not yet there when cypress
-		// presses enter and we can't simulate pressing on enter to select the item.
-		cy.get('.task-view .content.details .field .multiselect.control .search-results')
-			.children()
-			.first()
-			.click()
-
-		cy.get('.global-notification', { timeout: 1000 })
-			.should('contain', 'Success')
-		cy.go('back')
-		cy.get('.kanban .bucket')
-			.should('not.contain', task.title)
-	})
-	
-	it('Shows a button to filter the kanban board', () => {
-		const data = TaskFactory.create(10, {
-			list_id: 1,
-			bucket_id: 1,
-		})
-		cy.visit('/lists/1/kanban')
-		
-		cy.get('.list-kanban .filter-container .base-button')
-			.should('exist')
-	})
-	
-	it('Should remove a task from the board when deleting it', () => {
-		const lists = ListFactory.create(1)
-		const buckets = BucketFactory.create(2, {
-			list_id: lists[0].id,
-		})
-		const tasks = TaskFactory.create(5, {
-			list_id: 1,
-			bucket_id: buckets[0].id,
-		})
-		const task = tasks[0]
-		cy.visit('/lists/1/kanban')
-
-		cy.get('.kanban .bucket .tasks .task')
-			.contains(task.title)
-			.should('be.visible')
-			.click()
-		cy.get('.task-view .action-buttons .button')
-			.should('be.visible')
-			.contains('Delete')
-			.click()
-		cy.get('.modal-mask .modal-container .modal-content .header')
-			.should('contain', 'Delete this task')
-		cy.get('.modal-mask .modal-container .modal-content .actions .button')
-			.contains('Do it!')
-			.click()
-
-		cy.get('.global-notification')
-			.should('contain', 'Success')
-		
-		cy.get('.kanban .bucket .tasks')
-			.should('not.contain', task.title)
-	})
-})
--- a/cypress/e2e/list/list-view-list.spec.ts
+++ b/cypress/e2e/list/list-view-list.spec.ts
@ -1,110 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {UserListFactory} from '../../factories/users_list'
-import {TaskFactory} from '../../factories/task'
-import {UserFactory} from '../../factories/user'
-import {ListFactory} from '../../factories/list'
-import {prepareLists} from './prepareLists'
-
-describe('List View List', () => {
-	createFakeUserAndLogin()
-	prepareLists()
-
-	it('Should be an empty list', () => {
-		cy.visit('/lists/1')
-		cy.url()
-			.should('contain', '/lists/1/list')
-		cy.get('.list-title')
-			.should('contain', 'First List')
-		cy.get('.list-title-dropdown')
-			.should('exist')
-		cy.get('p')
-			.contains('This list is currently empty.')
-			.should('exist')
-	})
-	
-	it('Should create a new task', () => {
-		const newTaskTitle = 'New task'
-		
-		cy.visit('/lists/1')
-		cy.get('.task-add textarea')
-			.type(newTaskTitle+'{enter}')
-		cy.get('.tasks')
-			.should('contain.text', newTaskTitle)
-	})
-
-	it('Should navigate to the task when the title is clicked', () => {
-		const tasks = TaskFactory.create(5, {
-			id: '{increment}',
-			list_id: 1,
-		})
-		cy.visit('/lists/1/list')
-
-		cy.get('.tasks .task .tasktext')
-			.contains(tasks[0].title)
-			.first()
-			.click()
-
-		cy.url()
-			.should('contain', `/tasks/${tasks[0].id}`)
-	})
-
-	it('Should not see any elements for a list which is shared read only', () => {
-		UserFactory.create(2)
-		UserListFactory.create(1, {
-			list_id: 2,
-			user_id: 1,
-			right: 0,
-		})
-		const lists = ListFactory.create(2, {
-			owner_id: '{increment}',
-			namespace_id: '{increment}',
-		})
-		cy.visit(`/lists/${lists[1].id}/`)
-
-		cy.get('.list-title-wrapper .icon')
-			.should('not.exist')
-		cy.get('input.input[placeholder="Add a new task..."')
-			.should('not.exist')
-	})
-
-	it('Should only show the color of a list in the navigation and not in the list view', () => {
-		const lists = ListFactory.create(1, {
-			hex_color: '00db60',
-		})
-		TaskFactory.create(10, {
-			list_id: lists[0].id,
-		})
-		cy.visit(`/lists/${lists[0].id}/`)
-
-		cy.get('.menu-list li .list-menu-link .color-bubble')
-			.should('have.css', 'background-color', 'rgb(0, 219, 96)')
-		cy.get('.tasks .color-bubble')
-			.should('not.exist')
-	})
-
-	it('Should paginate for > 50 tasks', () => {
-		const tasks = TaskFactory.create(100, {
-			id: '{increment}',
-			title: i => `task${i}`,
-			list_id: 1,
-		})
-		cy.visit('/lists/1/list')
-
-		cy.get('.tasks')
-			.should('contain', tasks[1].title)
-		cy.get('.tasks')
-			.should('not.contain', tasks[99].title)
-
-		cy.get('.card-content .pagination .pagination-link')
-			.contains('2')
-			.click()
-
-		cy.url()
-			.should('contain', '?page=2')
-		cy.get('.tasks')
-			.should('contain', tasks[99].title)
-		cy.get('.tasks')
-			.should('not.contain', tasks[1].title)
-	})
-})
--- a/cypress/e2e/list/list-view-table.spec.ts
+++ b/cypress/e2e/list/list-view-table.spec.ts
@ -1,54 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {TaskFactory} from '../../factories/task'
-
-describe('List View Table', () => {
-	createFakeUserAndLogin()
-
-	it('Should show a table with tasks', () => {
-		const tasks = TaskFactory.create(1)
-		cy.visit('/lists/1/table')
-
-		cy.get('.list-table table.table')
-			.should('exist')
-		cy.get('.list-table table.table')
-			.should('contain', tasks[0].title)
-	})
-
-	it('Should have working column switches', () => {
-		TaskFactory.create(1)
-		cy.visit('/lists/1/table')
-
-		cy.get('.list-table .filter-container .items .button')
-			.contains('Columns')
-			.click()
-		cy.get('.list-table .filter-container .card.columns-filter .card-content .fancycheckbox .check')
-			.contains('Priority')
-			.click()
-		cy.get('.list-table .filter-container .card.columns-filter .card-content .fancycheckbox .check')
-			.contains('Done')
-			.click()
-
-		cy.get('.list-table table.table th')
-			.contains('Priority')
-			.should('exist')
-		cy.get('.list-table table.table th')
-			.contains('Done')
-			.should('not.exist')
-	})
-
-	it('Should navigate to the task when the title is clicked', () => {
-		const tasks = TaskFactory.create(5, {
-			id: '{increment}',
-			list_id: 1,
-		})
-		cy.visit('/lists/1/table')
-
-		cy.get('.list-table table.table')
-			.contains(tasks[0].title)
-			.click()
-
-		cy.url()
-			.should('contain', `/tasks/${tasks[0].id}`)
-	})
-})
--- a/cypress/e2e/list/list.spec.ts
+++ b/cypress/e2e/list/list.spec.ts
@ -1,122 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {TaskFactory} from '../../factories/task'
-import {prepareLists} from './prepareLists'
-
-describe('Lists', () => {
-	createFakeUserAndLogin()
-
-	let lists
-	prepareLists((newLists) => (lists = newLists))
-
-	it('Should create a new list', () => {
-		cy.visit('/')
-		cy.get('.namespace-title .dropdown-trigger')
-			.click()
-		cy.get('.namespace-title .dropdown .dropdown-item')
-			.contains('New list')
-			.click()
-		cy.url()
-			.should('contain', '/lists/new/1')
-		cy.get('.card-header-title')
-			.contains('New list')
-		cy.get('input.input')
-			.type('New List')
-		cy.get('.button')
-			.contains('Create')
-			.click()
-
-		cy.get('.global-notification', { timeout: 1000 }) // Waiting until the request to create the new list is done
-			.should('contain', 'Success')
-		cy.url()
-			.should('contain', '/lists/')
-		cy.get('.list-title')
-			.should('contain', 'New List')
-	})
-
-	it('Should redirect to a specific list view after visited', () => {
-		cy.visit('/lists/1/kanban')
-		cy.url()
-			.should('contain', '/lists/1/kanban')
-		cy.visit('/lists/1')
-		cy.url()
-			.should('contain', '/lists/1/kanban')
-	})
-
-	it('Should rename the list in all places', () => {
-		TaskFactory.create(5, {
-			id: '{increment}',
-			list_id: 1,
-		})
-		const newListName = 'New list name'
-
-		cy.visit('/lists/1')
-		cy.get('.list-title')
-			.should('contain', 'First List')
-
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list li:first-child .dropdown .menu-list-dropdown-trigger')
-			.click()
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list li:first-child .dropdown .dropdown-content')
-			.contains('Edit')
-			.click()
-		cy.get('#title')
-			.type(`{selectall}${newListName}`)
-		cy.get('footer.card-footer .button')
-			.contains('Save')
-			.click()
-
-		cy.get('.global-notification')
-			.should('contain', 'Success')
-		cy.get('.list-title')
-			.should('contain', newListName)
-			.should('not.contain', lists[0].title)
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list li:first-child')
-			.should('contain', newListName)
-			.should('not.contain', lists[0].title)
-		cy.visit('/')
-		cy.get('.card-content')
-			.should('contain', newListName)
-			.should('not.contain', lists[0].title)
-	})
-
-	it('Should remove a list', () => {
-		cy.visit(`/lists/${lists[0].id}`)
-
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list li:first-child .dropdown .menu-list-dropdown-trigger')
-			.click()
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list li:first-child .dropdown .dropdown-content')
-			.contains('Delete')
-			.click()
-		cy.url()
-			.should('contain', '/settings/delete')
-		cy.get('[data-cy="modalPrimary"]')
-			.contains('Do it')
-			.click()
-
-		cy.get('.global-notification')
-			.should('contain', 'Success')
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list')
-			.should('not.contain', lists[0].title)
-		cy.location('pathname')
-			.should('equal', '/')
-	})
-	
-	it('Should archive a list', () => {
-		cy.visit(`/lists/${lists[0].id}`)
-		
-		cy.get('.list-title-dropdown')
-			.click()
-		cy.get('.list-title-dropdown .dropdown-menu .dropdown-item')
-			.contains('Archive')
-			.click()
-		cy.get('.modal-content')
-			.should('contain.text', 'Archive this list')
-		cy.get('.modal-content [data-cy=modalPrimary]')
-			.click()
-		
-		cy.get('.namespace-container .menu.namespaces-lists .menu-list')
-			.should('not.contain', lists[0].title)
-		cy.get('main.app-content')
-			.should('contain.text', 'This list is archived. It is not possible to create new or edit tasks for it.')
-	})
-})
--- a/cypress/e2e/list/prepareLists.ts
+++ b/cypress/e2e/list/prepareLists.ts
@ -1,19 +0,0 @@
-import {ListFactory} from '../../factories/list'
-import {NamespaceFactory} from '../../factories/namespace'
-import {TaskFactory} from '../../factories/task'
-
-export function createLists() {
-	NamespaceFactory.create(1)
-	const lists = ListFactory.create(1, {
-		title: 'First List'
-	})
-	TaskFactory.truncate()
-	return lists
-}
-
-export function prepareLists(setLists = (...args: any[]) => {}) {
-	beforeEach(() => {
-		const lists = createLists()
-		setLists(lists)
-	})
-}
--- a/cypress/e2e/task/overview.spec.ts
+++ b/cypress/e2e/task/overview.spec.ts
@ -1,153 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
-import {ListFactory} from '../../factories/list'
-import {seed} from '../../support/seed'
-import {TaskFactory} from '../../factories/task'
-import {NamespaceFactory} from '../../factories/namespace'
-import {BucketFactory} from '../../factories/bucket'
-import {updateUserSettings} from '../../support/updateUserSettings'
-
-function seedTasks(numberOfTasks = 50, startDueDate = new Date()) {
-	NamespaceFactory.create(1)
-	const list = ListFactory.create()[0]
-	BucketFactory.create(1, {
-		list_id: list.id,
-	})
-	const tasks = []
-	let dueDate = startDueDate
-	for (let i = 0; i < numberOfTasks; i++) {
-		const now = new Date()
-		dueDate = new Date(new Date(dueDate).setDate(dueDate.getDate() + 2))
-		tasks.push({
-			id: i + 1,
-			list_id: list.id,
-			done: false,
-			created_by_id: 1,
-			title: 'Test Task ' + i,
-			index: i + 1,
-			due_date: dueDate.toISOString(),
-			created: now.toISOString(),
-			updated: now.toISOString(),
-		})
-	}
-	seed(TaskFactory.table, tasks)
-	return {tasks, list}
-}
-
-describe('Home Page Task Overview', () => {
-	createFakeUserAndLogin()
-
-	it('Should show tasks with a near due date first on the home page overview', () => {
-		const taskCount = 50
-		const {tasks} = seedTasks(taskCount)
-
-		cy.visit('/')
-		cy.get('[data-cy="showTasks"] .card .task')
-			.each(([task], index) => {
-				expect(task.innerText).to.contain(tasks[index].title)
-			})
-	})
-
-	it('Should show overdue tasks first, then show other tasks', () => {
-		const now = new Date()
-		const oldDate = new Date(new Date(now).setDate(now.getDate() - 14))
-		const taskCount = 50
-		const {tasks} = seedTasks(taskCount, oldDate)
-
-		cy.visit('/')
-		cy.get('[data-cy="showTasks"] .card .task')
-			.each(([task], index) => {
-				expect(task.innerText).to.contain(tasks[index].title)
-			})
-	})
-
-	it('Should show a new task with a very soon due date at the top', () => {
-		const {tasks} = seedTasks()
-		const newTaskTitle = 'New Task'
-		
-		cy.visit('/')
-		
-		TaskFactory.create(1, {
-			id: 999,
-			title: newTaskTitle,
-			due_date: new Date().toISOString(),
-		}, false)
-		
-		cy.visit(`/lists/${tasks[0].list_id}/list`)
-		cy.get('.tasks .task')
-			.first()
-			.should('contain.text', newTaskTitle)
-		cy.visit('/')
-		cy.get('[data-cy="showTasks"] .card .task')
-			.first()
-			.should('contain.text', newTaskTitle)
-	})
-	
-	it('Should not show a new task without a date at the bottom when there are > 50 tasks', () => {
-		// We're not using the api here to create the task in order to verify the flow
-		const {tasks} = seedTasks(100)
-		const newTaskTitle = 'New Task'
-
-		cy.visit('/')
-
-		cy.visit(`/lists/${tasks[0].list_id}/list`)
-		cy.get('.task-add textarea')
-			.type(newTaskTitle+'{enter}')
-		cy.visit('/')
-		cy.get('[data-cy="showTasks"] .card .task')
-			.last()
-			.should('not.contain.text', newTaskTitle)
-	})
-	
-	it('Should show a new task without a date at the bottom when there are < 50 tasks', () => {
-		seedTasks(40)
-		const newTaskTitle = 'New Task'
-		TaskFactory.create(1, {
-			id: 999,
-			title: newTaskTitle,
-		}, false)
-
-		cy.visit('/')
-		cy.get('[data-cy="showTasks"] .card .task')
-			.last()
-			.should('contain.text', newTaskTitle)
-	})
-	
-	it('Should show a task without a due date added via default list at the bottom', () => {
-		const {list} = seedTasks(40)
-		updateUserSettings({
-			default_list_id: list.id,
-			overdue_tasks_reminders_time: '9:00',
-		})
-		
-		const newTaskTitle = 'New Task'
-		cy.visit('/')
-		
-		cy.get('.add-task-textarea')
-			.type(`${newTaskTitle}{enter}`)
-		
-		cy.get('[data-cy="showTasks"] .card .task')
-			.last()
-			.should('contain.text', newTaskTitle)
-	})
-	
-	it('Should show the cta buttons for new list when there are no tasks', () => {
-		TaskFactory.truncate()
-		
-		cy.visit('/')
-		
-		cy.get('.home.app-content .content')
-			.should('contain.text', 'You can create a new list for your new tasks:')
-			.should('contain.text', 'Or import your lists and tasks from other services into Vikunja:')
-	})
-	
-	it('Should not show the cta buttons for new list when there are tasks', () => {
-		seedTasks()
-
-		cy.visit('/')
-
-		cy.get('.home.app-content .content')
-			.should('not.contain.text', 'You can create a new list for your new tasks:')
-			.should('not.contain.text', 'Or import your lists and tasks from other services into Vikunja:')
-	})
-})
--- a/cypress/e2e/tsconfig.json
+++ b/cypress/e2e/tsconfig.json
@ -1,11 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["./**/*", "../support/**/*", "../factories/**/*"],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "isolatedModules": false,
-    "target": "ES2015",
-    "lib": ["ESNext", "dom"],
-    "types": ["cypress"]
-  }
-}
--- a/cypress/e2e/user/logout.spec.ts
+++ b/cypress/e2e/user/logout.spec.ts
@ -1,46 +0,0 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-import {createLists} from '../list/prepareLists'
-
-function logout() {
-	cy.get('.navbar .username-dropdown-trigger')
-		.click()
-	cy.get('.navbar .dropdown-item')
-		.contains('Logout')
-		.click()
-}
-
-describe('Log out', () => {
-	createFakeUserAndLogin()
-
-	it('Logs the user out', () => {
-		cy.visit('/')
-
-		expect(localStorage.getItem('token')).to.not.eq(null)
-
-		logout()
-
-		cy.url()
-			.should('contain', '/login')
-			.then(() => {
-				expect(localStorage.getItem('token')).to.eq(null)
-			})
-	})
-	
-	it.skip('Should clear the list history after logging the user out', () => {
-		const lists = createLists()
-		cy.visit(`/lists/${lists[0].id}`)
-			.then(() => {
-				expect(localStorage.getItem('listHistory')).to.not.eq(null)
-			})
-
-		logout()
-
-		cy.wait(1000) // This makes re-loading of the list and associated entities (and the resulting error) visible
-		
-		cy.url()
-			.should('contain', '/login')
-			.then(() => {
-				expect(localStorage.getItem('listHistory')).to.eq(null)
-			})
-	})
-})
--- a/cypress/factories/bucket.js
+++ b/cypress/factories/bucket.js
@ -1,5 +1,6 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class BucketFactory extends Factory {
 	static table = 'buckets'
@ -12,8 +13,8 @@ export class BucketFactory extends Factory {
 			title: faker.lorem.words(3),
 			list_id: 1,
 			created_by_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/label_task.js
+++ b/cypress/factories/label_task.js
@ -1,4 +1,5 @@
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class LabelTaskFactory extends Factory {
 	static table = 'label_tasks'
@ -10,7 +11,7 @@ export class LabelTaskFactory extends Factory {
 			id: '{increment}',
 			task_id: 1,
 			label_id: 1,
-			created: now.toISOString(),
+			created: formatISO(now),
 		}
 	}
 }
--- a/cypress/factories/labels.js
+++ b/cypress/factories/labels.js
@ -1,6 +1,7 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'

 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class LabelFactory extends Factory {
 	static table = 'labels'
@ -14,8 +15,8 @@ export class LabelFactory extends Factory {
 			description: faker.lorem.text(10),
 			hex_color: (Math.random()*0xFFFFFF<<0).toString(16), // random 6-digit hex number
 			created_by_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now),
 		}
 	}
 }
--- a/cypress/factories/link_sharing.js
+++ b/cypress/factories/link_sharing.js
@ -1,5 +1,6 @@
 import {Factory} from '../support/factory'
-import {faker} from '@faker-js/faker'
+import {formatISO} from "date-fns"
+import faker from 'faker'

 export class LinkShareFactory extends Factory {
 	static table = 'link_shares'
@ -14,8 +15,8 @@ export class LinkShareFactory extends Factory {
 			right: 0,
 			sharing_type: 0,
 			shared_by_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/list.js
+++ b/cypress/factories/list.js
@ -1,5 +1,6 @@
 import {Factory} from '../support/factory'
-import {faker} from '@faker-js/faker'
+import {formatISO} from "date-fns"
+import faker from 'faker'

 export class ListFactory extends Factory {
 	static table = 'lists'
@ -12,8 +13,8 @@ export class ListFactory extends Factory {
 			title: faker.lorem.words(3),
 			owner_id: 1,
 			namespace_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/namespace.js
+++ b/cypress/factories/namespace.js
@ -1,5 +1,6 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class NamespaceFactory extends Factory {
 	static table = 'namespaces'
@ -11,8 +12,8 @@ export class NamespaceFactory extends Factory {
 			id: '{increment}',
 			title: faker.lorem.words(3),
 			owner_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/task.js
+++ b/cypress/factories/task.js
@ -1,5 +1,6 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class TaskFactory extends Factory {
 	static table = 'tasks'
@ -14,9 +15,8 @@ export class TaskFactory extends Factory {
 			list_id: 1,
 			created_by_id: 1,
 			index: '{increment}',
-			position: '{increment}',
-			created: now.toISOString(),
-			updated: now.toISOString()
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/task_assignee.js
+++ b/cypress/factories/task_assignee.js
@ -1,4 +1,5 @@
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class TaskAssigneeFactory extends Factory {
 	static table = 'task_assignees'
@ -10,7 +11,7 @@ export class TaskAssigneeFactory extends Factory {
 			id: '{increment}',
 			task_id: 1,
 			user_id: 1,
-			created: now.toISOString(),
+			created: formatISO(now),
 		}
 	}
 }
--- a/cypress/factories/task_attachments.ts
+++ b/cypress/factories/task_attachments.ts
@ -1,16 +0,0 @@
-import {Factory} from '../support/factory'
-
-export class TaskAttachmentFactory extends Factory {
-	static table = 'task_attachments'
-	
-	static factory() {
-		const now = new Date()
-
-		return {
-			id: '{increment}',
-			task_id: 1,
-			file_id: 1,
-			created: now.toISOString(),
-		}
-	}
-}
--- a/cypress/factories/task_comment.js
+++ b/cypress/factories/task_comment.js
@ -1,6 +1,7 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'

 import {Factory} from '../support/factory'
+import {formatISO} from "date-fns"

 export class TaskCommentFactory extends Factory {
 	static table = 'task_comments'
@ -13,8 +14,8 @@ export class TaskCommentFactory extends Factory {
 			comment: faker.lorem.text(3),
 			author_id: 1,
 			task_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString()
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/team.js
+++ b/cypress/factories/team.js
@ -1,5 +1,6 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class TeamFactory extends Factory {
    static table = 'teams'
@ -10,8 +11,8 @@ export class TeamFactory extends Factory {
        return {
            name: faker.lorem.words(3),
            created_by_id: 1,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
        }
    }
 }
--- a/cypress/factories/team_member.js
+++ b/cypress/factories/team_member.js
@ -1,4 +1,5 @@
 import {Factory} from '../support/factory'
+import {formatISO} from 'date-fns'

 export class TeamMemberFactory extends Factory {
    static table = 'team_members'
@ -8,7 +9,7 @@ export class TeamMemberFactory extends Factory {
            team_id: 1,
            user_id: 1,
            admin: false,
-            created: new Date().toISOString(),
+            created: formatISO(new Date()),
        }
    }
 }
--- a/cypress/factories/user.js
+++ b/cypress/factories/user.js
@ -1,6 +1,7 @@
-import {faker} from '@faker-js/faker'
+import faker from 'faker'

 import {Factory} from '../support/factory'
+import {formatISO} from "date-fns"

 export class UserFactory extends Factory {
 	static table = 'users'
@ -13,9 +14,8 @@ export class UserFactory extends Factory {
            username: faker.lorem.word(10) + faker.datatype.uuid(),
            password: '$2a$14$dcadBoMBL9jQoOcZK8Fju.cy0Ptx2oZECkKLnaa8ekRoTFe1w7To.', // 1234
 			status: 0,
-			issuer: 'local',
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/factories/users_list.js
+++ b/cypress/factories/users_list.js
@ -1,4 +1,5 @@
 import {Factory} from '../support/factory'
+import {formatISO} from "date-fns"

 export class UserListFactory extends Factory {
 	static table = 'users_lists'
@ -11,8 +12,8 @@ export class UserListFactory extends Factory {
 			list_id: 1,
 			user_id: 1,
 			right: 0,
-			created: now.toISOString(),
-			updated: now.toISOString(),
+			created: formatISO(now),
+			updated: formatISO(now)
 		}
 	}
 }
--- a/cypress/integration/list/list.spec.js
+++ b/cypress/integration/list/list.spec.js
@ -0,0 +1,540 @@
+import {formatISO, format} from 'date-fns'
+
+import {TaskFactory} from '../../factories/task'
+import {ListFactory} from '../../factories/list'
+import {UserListFactory} from '../../factories/users_list'
+import {UserFactory} from '../../factories/user'
+import {NamespaceFactory} from '../../factories/namespace'
+import {BucketFactory} from '../../factories/bucket'
+
+import '../../support/authenticateUser'
+
+describe('Lists', () => {
+	let lists
+
+	beforeEach(() => {
+		UserFactory.create(1)
+		NamespaceFactory.create(1)
+		lists = ListFactory.create(1, {
+			title: 'First List'
+		})
+		TaskFactory.truncate()
+	})
+
+	it('Should create a new list', () => {
+		cy.visit('/')
+		cy.get('.namespace-title .dropdown-trigger')
+			.click()
+		cy.get('.namespace-title .dropdown .dropdown-item')
+			.contains('New list')
+			.click()
+		cy.url()
+			.should('contain', '/namespaces/1/list')
+		cy.get('.card-header-title')
+			.contains('New list')
+		cy.get('input.input')
+			.type('New List')
+		cy.get('.button')
+			.contains('Create')
+			.click()
+
+		cy.get('.global-notification', { timeout: 1000 }) // Waiting until the request to create the new list is done
+			.should('contain', 'Success')
+		cy.url()
+			.should('contain', '/lists/')
+		cy.get('.list-title h1')
+			.should('contain', 'New List')
+	})
+
+	it('Should redirect to a specific list view after visited', () => {
+		cy.visit('/lists/1/kanban')
+		cy.url()
+			.should('contain', '/lists/1/kanban')
+		cy.visit('/lists/1')
+		cy.url()
+			.should('contain', '/lists/1/kanban')
+	})
+
+	it('Should rename the list in all places', () => {
+		const tasks = TaskFactory.create(5, {
+			id: '{increment}',
+			list_id: 1,
+		})
+		const newListName = 'New list name'
+
+		cy.visit('/lists/1')
+		cy.get('.list-title h1')
+			.should('contain', 'First List')
+
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list li:first-child .dropdown .dropdown-trigger')
+			.click()
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list li:first-child .dropdown .dropdown-content')
+			.contains('Edit')
+			.click()
+		cy.get('#title')
+			.type(`{selectall}${newListName}`)
+		cy.get('footer.modal-card-foot .button')
+			.contains('Save')
+			.click()
+
+		cy.get('.global-notification')
+			.should('contain', 'Success')
+		cy.get('.list-title h1')
+			.should('contain', newListName)
+			.should('not.contain', lists[0].title)
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list li:first-child')
+			.should('contain', newListName)
+			.should('not.contain', lists[0].title)
+		cy.visit('/')
+		cy.get('.card-content .tasks')
+			.should('contain', newListName)
+			.should('not.contain', lists[0].title)
+	})
+
+	it('Should remove a list', () => {
+		cy.visit(`/lists/${lists[0].id}`)
+
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list li:first-child .dropdown .dropdown-trigger')
+			.click()
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list li:first-child .dropdown .dropdown-content')
+			.contains('Delete')
+			.click()
+		cy.url()
+			.should('contain', '/settings/delete')
+		cy.get('[data-cy="modalPrimary"]')
+			.contains('Do it')
+			.click()
+
+		cy.get('.global-notification')
+			.should('contain', 'Success')
+		cy.get('.namespace-container .menu.namespaces-lists .more-container .menu-list')
+			.should('not.contain', lists[0].title)
+		cy.location('pathname')
+			.should('equal', '/')
+	})
+
+	describe('List View', () => {
+		it('Should be an empty list', () => {
+			cy.visit('/lists/1')
+			cy.url()
+				.should('contain', '/lists/1/list')
+			cy.get('.list-title h1')
+				.should('contain', 'First List')
+			cy.get('.list-title .dropdown')
+				.should('exist')
+			cy.get('p')
+				.contains('This list is currently empty.')
+				.should('exist')
+		})
+
+		it('Should navigate to the task when the title is clicked', () => {
+			const tasks = TaskFactory.create(5, {
+				id: '{increment}',
+				list_id: 1,
+			})
+			cy.visit('/lists/1/list')
+
+			cy.get('.tasks .task .tasktext')
+				.contains(tasks[0].title)
+				.first()
+				.click()
+
+			cy.url()
+				.should('contain', `/tasks/${tasks[0].id}`)
+		})
+
+		it('Should not see any elements for a list which is shared read only', () => {
+			UserFactory.create(2)
+			UserListFactory.create(1, {
+				list_id: 2,
+				user_id: 1,
+				right: 0,
+			})
+			const lists = ListFactory.create(2, {
+				owner_id: '{increment}',
+				namespace_id: '{increment}',
+			})
+			cy.visit(`/lists/${lists[1].id}/`)
+
+			cy.get('.list-title a.icon')
+				.should('not.exist')
+			cy.get('input.input[placeholder="Add a new task..."')
+				.should('not.exist')
+		})
+
+		it('Should only show the color of a list in the navigation and not in the list view', () => {
+			const lists = ListFactory.create(1, {
+				hex_color: '00db60',
+			})
+			TaskFactory.create(10, {
+				list_id: lists[0].id,
+			})
+			cy.visit(`/lists/${lists[0].id}/`)
+
+			cy.get('.menu-list li .list-menu-link .color-bubble')
+				.should('have.css', 'background-color', 'rgb(0, 219, 96)')
+			cy.get('.tasks-container .tasks .color-bubble')
+				.should('not.exist')
+		})
+
+		it('Should paginate for > 50 tasks', () => {
+			const tasks = TaskFactory.create(100, {
+				id: '{increment}',
+				title: i => `task${i}`,
+				list_id: 1,
+			})
+			cy.visit('/lists/1/list')
+
+			cy.get('.tasks-container .tasks')
+				.should('contain', tasks[99].title)
+
+			cy.get('.card-content .pagination .pagination-link')
+				.contains('2')
+				.click()
+
+			cy.url()
+				.should('contain', '?page=2')
+			cy.get('.tasks-container .tasks')
+				.should('contain', tasks[1].title)
+			cy.get('.tasks-container .tasks')
+				.should('not.contain', tasks[99].title)
+		})
+	})
+
+	describe('Table View', () => {
+		it('Should show a table with tasks', () => {
+			const tasks = TaskFactory.create(1)
+			cy.visit('/lists/1/table')
+
+			cy.get('.table-view table.table')
+				.should('exist')
+			cy.get('.table-view table.table')
+				.should('contain', tasks[0].title)
+		})
+
+		it('Should have working column switches', () => {
+			TaskFactory.create(1)
+			cy.visit('/lists/1/table')
+
+			cy.get('.table-view .filter-container .items .button')
+				.contains('Columns')
+				.click()
+			cy.get('.table-view .filter-container .card.columns-filter .card-content .fancycheckbox .check')
+				.contains('Priority')
+				.click()
+			cy.get('.table-view .filter-container .card.columns-filter .card-content .fancycheckbox .check')
+				.contains('Done')
+				.click()
+
+			cy.get('.table-view table.table th')
+				.contains('Priority')
+				.should('exist')
+			cy.get('.table-view table.table th')
+				.contains('Done')
+				.should('not.exist')
+		})
+
+		it('Should navigate to the task when the title is clicked', () => {
+			const tasks = TaskFactory.create(5, {
+				id: '{increment}',
+				list_id: 1,
+			})
+			cy.visit('/lists/1/table')
+
+			cy.get('.table-view table.table')
+				.contains(tasks[0].title)
+				.click()
+
+			cy.url()
+				.should('contain', `/tasks/${tasks[0].id}`)
+		})
+	})
+
+	describe('Gantt View', () => {
+		it('Hides tasks with no dates', () => {
+			const tasks = TaskFactory.create(1)
+			cy.visit('/lists/1/gantt')
+
+			cy.get('.gantt-chart-container .gantt-chart .tasks')
+				.should('not.contain', tasks[0].title)
+		})
+
+		it('Shows tasks from the current and next month', () => {
+			const now = new Date()
+			const nextMonth = now
+			nextMonth.setDate(1)
+			nextMonth.setMonth(now.getMonth() + 1)
+
+			cy.visit('/lists/1/gantt')
+
+			cy.get('.gantt-chart-container .gantt-chart .months')
+				.should('contain', format(now, 'MMMM'))
+				.should('contain', format(nextMonth, 'MMMM'))
+		})
+
+		it('Shows tasks with dates', () => {
+			const now = new Date()
+			const tasks = TaskFactory.create(1, {
+				start_date: formatISO(now),
+				end_date: formatISO(now.setDate(now.getDate() + 4))
+			})
+			cy.visit('/lists/1/gantt')
+
+			cy.get('.gantt-chart-container .gantt-chart .tasks')
+				.should('not.be.empty')
+			cy.get('.gantt-chart-container .gantt-chart .tasks')
+				.should('contain', tasks[0].title)
+		})
+
+		it('Shows tasks with no dates after enabling them', () => {
+			TaskFactory.create(1, {
+				start_date: null,
+				end_date: null,
+			})
+			cy.visit('/lists/1/gantt')
+
+			cy.get('.gantt-chart-container .gantt-options .fancycheckbox')
+				.contains('Show tasks which don\'t have dates set')
+				.click()
+
+			cy.get('.gantt-chart-container .gantt-chart .tasks')
+				.should('not.be.empty')
+			cy.get('.gantt-chart-container .gantt-chart .tasks .task.nodate')
+				.should('exist')
+		})
+
+		it('Drags a task around', () => {
+			const now = new Date()
+			TaskFactory.create(1, {
+				start_date: formatISO(now),
+				end_date: formatISO(now.setDate(now.getDate() + 4))
+			})
+			cy.visit('/lists/1/gantt')
+
+			cy.get('.gantt-chart-container .gantt-chart .tasks .task')
+				.first()
+				.trigger('mousedown', {which: 1})
+				.trigger('mousemove', {clientX: 500, clientY: 0})
+				.trigger('mouseup', {force: true})
+		})
+	})
+
+	describe('Kanban', () => {
+		let buckets
+
+		beforeEach(() => {
+			buckets = BucketFactory.create(2)
+		})
+
+		it('Shows all buckets with their tasks', () => {
+			const data = TaskFactory.create(10, {
+				list_id: 1,
+				bucket_id: 1,
+			})
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket .title')
+				.contains(buckets[0].title)
+				.should('exist')
+			cy.get('.kanban .bucket .title')
+				.contains(buckets[1].title)
+				.should('exist')
+			cy.get('.kanban .bucket')
+				.first()
+				.should('contain', data[0].title)
+		})
+
+		it('Can add a new task to a bucket', () => {
+			const data = TaskFactory.create(2, {
+				list_id: 1,
+				bucket_id: 1,
+			})
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket')
+				.contains(buckets[0].title)
+				.get('.bucket-footer .button')
+				.contains('Add another task')
+				.click()
+			cy.get('.kanban .bucket')
+				.contains(buckets[0].title)
+				.get('.bucket-footer .field .control input.input')
+				.type('New Task{enter}')
+
+			cy.get('.kanban .bucket')
+				.first()
+				.should('contain', 'New Task')
+		})
+
+		it('Can create a new bucket', () => {
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket.new-bucket .button')
+				.click()
+			cy.get('.kanban .bucket.new-bucket input.input')
+				.type('New Bucket{enter}')
+
+			cy.wait(1000) // Wait for the request to finish
+			cy.get('.kanban .bucket .title')
+				.contains('New Bucket')
+				.should('exist')
+		})
+
+		it('Can set a bucket limit', () => {
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-trigger')
+				.first()
+				.click()
+			cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item')
+				.contains('Limit: Not Set')
+				.click()
+			cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item .field input.input')
+				.first()
+				.type(3)
+			cy.get('[data-cy="setBucketLimit"]')
+				.first()
+				.click()
+
+			cy.get('.kanban .bucket .bucket-header span.limit')
+				.contains('0/3')
+				.should('exist')
+		})
+
+		it('Can rename a bucket', () => {
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket .bucket-header .title')
+				.first()
+				.type('{selectall}New Bucket Title{enter}')
+			cy.get('.kanban .bucket .bucket-header .title')
+				.first()
+				.should('contain', 'New Bucket Title')
+		})
+
+		it('Can delete a bucket', () => {
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-trigger')
+				.first()
+				.click()
+			cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item')
+				.contains('Delete')
+				.click()
+			cy.get('.modal-mask .modal-container .modal-content .header')
+				.should('contain', 'Delete the bucket')
+			cy.get('.modal-mask .modal-container .modal-content .actions .button')
+				.contains('Do it!')
+				.click()
+
+			cy.get('.kanban .bucket .title')
+				.contains(buckets[0].title)
+				.should('not.exist')
+			cy.get('.kanban .bucket .title')
+				.contains(buckets[1].title)
+				.should('exist')
+		})
+
+		it('Can drag tasks around', () => {
+			const tasks = TaskFactory.create(2, {
+				list_id: 1,
+				bucket_id: 1,
+			})
+			cy.visit('/lists/1/kanban')
+
+			cy.get('.kanban .bucket .tasks .task')
+				.contains(tasks[0].title)
+				.first()
+				.drag('.kanban .bucket:nth-child(2) .tasks .dropper')
+			
+			cy.get('.kanban .bucket:nth-child(2) .tasks')
+				.should('contain', tasks[0].title)
+			cy.get('.kanban .bucket:nth-child(1) .tasks')
+				.should('not.contain', tasks[0].title)
+		})
+
+		it('Should navigate to the task when the task card is clicked', () => {
+			const tasks = TaskFactory.create(5, {
+				id: '{increment}',
+				list_id: 1,
+				bucket_id: 1,
+			})
+			cy.visit('/lists/1/kanban')
+
+			cy.getSettled('.kanban .bucket .tasks .task')
+				.contains(tasks[0].title)
+				.should('be.visible')
+				.click()
+
+			cy.url()
+				.should('contain', `/tasks/${tasks[0].id}`)
+		})
+
+		it('Should remove a task from the kanban board when moving it to another list', () => {
+			const lists = ListFactory.create(2)
+			BucketFactory.create(2, {
+				list_id: '{increment}',
+			})
+			const tasks = TaskFactory.create(5, {
+				id: '{increment}',
+				list_id: 1,
+				bucket_id: 1,
+			})
+			const task = tasks[0]
+			cy.visit('/lists/1/kanban')
+
+			cy.getSettled('.kanban .bucket .tasks .task')
+				.contains(task.title)
+				.should('be.visible')
+				.click()
+
+			cy.get('.task-view .action-buttons .button')
+				.contains('Move task')
+				.click()
+			cy.get('.task-view .content.details .field .multiselect.control .input-wrapper input')
+				.type(`${lists[1].title}{enter}`)
+			// The requests happen with a 200ms timeout. Because of that, the results are not yet there when cypress
+			// presses enter and we can't simulate pressing on enter to select the item.
+			cy.get('.task-view .content.details .field .multiselect.control .search-results')
+				.children()
+				.first()
+				.click()
+
+			cy.get('.global-notification', { timeout: 1000 })
+				.should('contain', 'Success')
+			cy.go('back')
+			cy.get('.kanban .bucket')
+				.should('not.contain', task.title)
+		})
+	})
+
+	describe('List history', () => {
+		it('should show a list history on the home page', () => {
+			const lists = ListFactory.create(6)
+
+			cy.visit('/')
+			cy.get('h3')
+				.contains('Last viewed')
+				.should('not.exist')
+
+			cy.visit(`/lists/${lists[0].id}`)
+			cy.visit(`/lists/${lists[1].id}`)
+			cy.visit(`/lists/${lists[2].id}`)
+			cy.visit(`/lists/${lists[3].id}`)
+			cy.visit(`/lists/${lists[4].id}`)
+			cy.visit(`/lists/${lists[5].id}`)
+
+			cy.visit('/')
+			cy.get('h3')
+				.contains('Last viewed')
+				.should('exist')
+			cy.get('.list-cards-wrapper-2-rows')
+				.should('not.contain', lists[0].title)
+				.should('contain', lists[1].title)
+				.should('contain', lists[2].title)
+				.should('contain', lists[3].title)
+				.should('contain', lists[4].title)
+				.should('contain', lists[5].title)
+		})
+	})
+})
--- a/cypress/integration/list/namespaces.spec.js
+++ b/cypress/integration/list/namespaces.spec.js
@ -1,14 +1,14 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
+import {UserFactory} from '../../factories/user'

+import '../../support/authenticateUser'
 import {ListFactory} from '../../factories/list'
 import {NamespaceFactory} from '../../factories/namespace'

 describe('Namepaces', () => {
-	createFakeUserAndLogin()
-
 	let namespaces

 	beforeEach(() => {
+		UserFactory.create(1)
 		namespaces = NamespaceFactory.create(1)
 		ListFactory.create(1)
 	})
@ -63,7 +63,7 @@ describe('Namepaces', () => {
 			.should('equal', newNamespaces[0].title) // wait until the namespace data is loaded
 		cy.get('#namespacetext')
 			.type(`{selectall}${newNamespaceName}`)
-		cy.get('footer.card-footer .button')
+		cy.get('footer.modal-card-foot .button')
 			.contains('Save')
 			.click()

--- a/cypress/integration/misc/editor.spec.js
+++ b/cypress/integration/misc/editor.spec.js
@ -1,16 +1,14 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
 import {TaskFactory} from '../../factories/task'
 import {ListFactory} from '../../factories/list'
 import {NamespaceFactory} from '../../factories/namespace'
 import {UserListFactory} from '../../factories/users_list'

+import '../../support/authenticateUser'
+
 describe('Editor', () => {
-	createFakeUserAndLogin()
-	
 	beforeEach(() => {
 		NamespaceFactory.create(1)
-		ListFactory.create(1)
+		const lists = ListFactory.create(1)
 		TaskFactory.truncate()
 		UserListFactory.truncate()
 	})
--- a/cypress/integration/misc/menu.spec.js
+++ b/cypress/integration/misc/menu.spec.js
@ -1,12 +1,6 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
+import '../../support/authenticateUser'

 describe('The Menu', () => {
-	createFakeUserAndLogin()
-
-	beforeEach(() => {
-		cy.visit('/')
-	})
-
 	it('Is visible by default on desktop', () => {
 		cy.get('.namespace-container')
 			.should('have.class', 'is-active')
--- a/cypress/integration/sharing/linkShare.spec.js
+++ b/cypress/integration/sharing/linkShare.spec.js
--- a/cypress/integration/sharing/team.spec.js
+++ b/cypress/integration/sharing/team.spec.js
@ -1,12 +1,9 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
-
 import {TeamFactory} from '../../factories/team'
 import {TeamMemberFactory} from '../../factories/team_member'
 import {UserFactory} from '../../factories/user'
+import '../../support/authenticateUser'

 describe('Team', () => {
-	createFakeUserAndLogin()
-
    it('Creates a new team', () => {
        TeamFactory.truncate()
        cy.visit('/teams')
--- a/cypress/integration/task/task.spec.js
+++ b/cypress/integration/task/task.spec.js
@ -1,4 +1,4 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
+import {formatISO} from 'date-fns'

 import {TaskFactory} from '../../factories/task'
 import {ListFactory} from '../../factories/list'
@ -6,58 +6,21 @@ import {TaskCommentFactory} from '../../factories/task_comment'
 import {UserFactory} from '../../factories/user'
 import {NamespaceFactory} from '../../factories/namespace'
 import {UserListFactory} from '../../factories/users_list'
+
+import '../../support/authenticateUser'
 import {TaskAssigneeFactory} from '../../factories/task_assignee'
 import {LabelFactory} from '../../factories/labels'
 import {LabelTaskFactory} from '../../factories/label_task'
 import {BucketFactory} from '../../factories/bucket'

-import {TaskAttachmentFactory} from '../../factories/task_attachments'
-
-function addLabelToTaskAndVerify(labelTitle: string) {
-	cy.get('.task-view .action-buttons .button')
-		.contains('Add Labels')
-		.click()
-	cy.get('.task-view .details.labels-list .multiselect input')
-		.type(labelTitle)
-	cy.get('.task-view .details.labels-list .multiselect .search-results')
-		.children()
-		.first()
-		.click()
-
-	cy.get('.global-notification', { timeout: 4000 })
-		.should('contain', 'Success')
-	cy.get('.task-view .details.labels-list .multiselect .input-wrapper span.tag')
-		.should('exist')
-		.should('contain', labelTitle)
-}
-
-function uploadAttachmentAndVerify(taskId: number) {
-	cy.intercept(`${Cypress.env('API_URL')}/tasks/${taskId}/attachments`).as('uploadAttachment')
-	cy.get('.task-view .action-buttons .button')
-		.contains('Add Attachments')
-		.click()
-	cy.get('input[type=file]', {timeout: 1000})
-		.selectFile('cypress/fixtures/image.jpg', {force: true}) // The input is not visible, but on purpose
-	cy.wait('@uploadAttachment')
-
-	cy.get('.attachments .attachments .files a.attachment')
-		.should('exist')
-}
-
 describe('Task', () => {
-	createFakeUserAndLogin()
-
 	let namespaces
 	let lists
-	let buckets

 	beforeEach(() => {
-		// UserFactory.create(1)
+		UserFactory.create(1)
 		namespaces = NamespaceFactory.create(1)
 		lists = ListFactory.create(1)
-		buckets = BucketFactory.create(1, {
-			list_id: lists[0].id,
-		})
 		TaskFactory.truncate()
 		UserListFactory.truncate()
 	})
@ -117,7 +80,6 @@ describe('Task', () => {
 	describe('Task Detail View', () => {
 		beforeEach(() => {
 			TaskCommentFactory.truncate()
-			LabelTaskFactory.truncate()
 		})

 		it('Shows all task details', () => {
@ -146,7 +108,7 @@ describe('Task', () => {
 				id: 1,
 				index: 1,
 				done: true,
-				done_at: new Date().toISOString()
+				done_at: formatISO(new Date())
 			})
 			cy.visit(`/tasks/${tasks[0].id}`)

@ -154,7 +116,6 @@ describe('Task', () => {
 				.should('be.visible')
 				.should('contain', 'Done')
 			cy.get('.task-view .action-buttons p.created')
-				.scrollIntoView()
 				.should('be.visible')
 				.should('contain', 'Done')
 		})
@ -167,7 +128,7 @@ describe('Task', () => {
 			cy.visit(`/tasks/${tasks[0].id}`)

 			cy.get('.task-view .action-buttons .button')
-				.contains('Mark task done!')
+				.contains('Done!')
 				.click()

 			cy.get('.task-view .heading .is-done')
@ -203,7 +164,7 @@ describe('Task', () => {
 			})
 			cy.visit(`/tasks/${tasks[0].id}`)

-			cy.get('.task-view .details.content.description .editor button')
+			cy.get('.task-view .details.content.description .editor a')
 				.click()
 			cy.get('.task-view .details.content.description .editor .vue-easymde .EasyMDEContainer .CodeMirror-scroll')
 				.type('{selectall}New Description')
@ -248,7 +209,7 @@ describe('Task', () => {
 			cy.visit(`/tasks/${tasks[0].id}`)

 			cy.get('.task-view .action-buttons .button')
-				.contains('Move')
+				.contains('Move task')
 				.click()
 			cy.get('.task-view .content.details .field .multiselect.control .input-wrapper input')
 				.type(`${lists[1].title}{enter}`)
@ -275,7 +236,7 @@ describe('Task', () => {

 			cy.get('.task-view .action-buttons .button')
 				.should('be.visible')
-				.contains('Delete')
+				.contains('Delete task')
 				.click()
 			cy.get('.modal-mask .modal-container .modal-content .header')
 				.should('contain', 'Delete this task')
@ -335,7 +296,7 @@ describe('Task', () => {
 			cy.visit(`/tasks/${tasks[0].id}`)

 			cy.get('.task-view .column.assignees .multiselect .input-wrapper span.assignee')
-				.get('.remove-assignee')
+				.get('a.remove-assignee')
 				.click()

 			cy.get('.global-notification')
@ -355,7 +316,7 @@ describe('Task', () => {
 			cy.visit(`/tasks/${tasks[0].id}`)

 			cy.get('.task-view .action-buttons .button')
-				.contains('Add Labels')
+				.contains('Add labels')
 				.should('be.visible')
 				.click()
 			cy.get('.task-view .details.labels-list .multiselect input')
@ -378,35 +339,24 @@ describe('Task', () => {
 				list_id: 1,
 			})
 			const labels = LabelFactory.create(1)
-			LabelTaskFactory.truncate()

 			cy.visit(`/tasks/${tasks[0].id}`)

-			addLabelToTaskAndVerify(labels[0].title)
-		})
-		
-		it('Can add a label to a task and it shows up on the kanban board afterwards', () => {
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-				list_id: lists[0].id,
-				bucket_id: buckets[0].id,
-			})
-			const labels = LabelFactory.create(1)
-			LabelTaskFactory.truncate()
-			
-			cy.visit(`/lists/${lists[0].id}/kanban`)
-			
-			cy.get('.bucket .task')
-				.contains(tasks[0].title)
+			cy.get('.task-view .action-buttons .button')
+				.contains('Add labels')
 				.click()
-			
-			addLabelToTaskAndVerify(labels[0].title)
-			
-			cy.get('.modal-content .close')
+			cy.get('.task-view .details.labels-list .multiselect input')
+				.type(labels[0].title)
+			cy.get('.task-view .details.labels-list .multiselect .search-results')
+				.children()
+				.first()
 				.click()
-			
-			cy.get('.bucket .task')
-				.should('contain.text', labels[0].title)
+
+			cy.get('.global-notification', { timeout: 4000 })
+				.should('contain', 'Success')
+			cy.get('.task-view .details.labels-list .multiselect .input-wrapper span.tag')
+				.should('exist')
+				.should('contain', labels[0].title)
 		})

 		it('Can remove a label from a task', () => {
@ -428,7 +378,7 @@ describe('Task', () => {
 			cy.get('.task-view .details.labels-list .multiselect .input-wrapper')
 				.children()
 				.first()
-				.get('[data-cy="taskDetail.removeLabel"]')
+				.get('a.delete')
 				.click()

 			cy.get('.global-notification')
@ -451,7 +401,7 @@ describe('Task', () => {
 				.contains('Due Date')
 				.get('.date-input .datepicker .show')
 				.click()
-			cy.get('.datepicker .datepicker-popup button')
+			cy.get('.datepicker .datepicker-popup a')
 				.contains('Tomorrow')
 				.click()
 			cy.get('[data-cy="closeDatepicker"]')
@ -465,117 +415,5 @@ describe('Task', () => {
 			cy.get('.global-notification')
 				.should('contain', 'Success')
 		})
-		
-		it('Can set a priority for a task', () => {
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-			})
-			cy.visit(`/tasks/${tasks[0].id}`)
-
-			cy.get('.task-view .action-buttons .button')
-				.contains('Set Priority')
-				.click()
-			cy.get('.task-view .columns.details .column')
-				.contains('Priority')
-				.get('.select select')
-				.select('Urgent')
-			cy.get('.global-notification')
-				.should('contain', 'Success')
-
-			cy.get('.task-view .columns.details .column')
-				.contains('Priority')
-				.get('.select select')
-				.should('have.value', '4')
-		})
-
-		it('Can set the progress for a task', () => {
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-			})
-			cy.visit(`/tasks/${tasks[0].id}`)
-
-			cy.get('.task-view .action-buttons .button')
-				.contains('Set Progress')
-				.click()
-			cy.get('.task-view .columns.details .column')
-				.contains('Progress')
-				.get('.select select')
-				.select('50%')
-			cy.get('.global-notification')
-				.should('contain', 'Success')
-			
-			cy.wait(200)
-
-			cy.get('.task-view .columns.details .column')
-				.contains('Progress')
-				.get('.select select')
-				.should('be.visible')
-				.should('have.value', '0.5')
-		})
-		
-		it('Can add an attachment to a task', () => {
-			TaskAttachmentFactory.truncate()
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-			})
-			cy.visit(`/tasks/${tasks[0].id}`)
-
-			uploadAttachmentAndVerify(tasks[0].id)
-		})
-
-		it('Can add an attachment to a task and see it appearing on kanban', () => {
-			TaskAttachmentFactory.truncate()
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-				list_id: lists[0].id,
-				bucket_id: buckets[0].id,
-			})
-			const labels = LabelFactory.create(1)
-			LabelTaskFactory.truncate()
-
-			cy.visit(`/lists/${lists[0].id}/kanban`)
-
-			cy.get('.bucket .task')
-				.contains(tasks[0].title)
-				.click()
-
-			uploadAttachmentAndVerify(tasks[0].id)
-
-			cy.get('.modal-content .close')
-				.click()
-
-			cy.get('.bucket .task .footer .icon svg.fa-paperclip')
-				.should('exist')
-		})
-		
-		it('Can check items off a checklist', () => {
-			const tasks = TaskFactory.create(1, {
-				id: 1,
-				description: `
-This is a checklist:
-
-* [ ] one item
-* [ ] another item
-* [ ] third item
-* [ ] fourth item
-* [x] and this one is already done
-`,
-			})
-			cy.visit(`/tasks/${tasks[0].id}`)
-			
-			cy.get('.task-view .checklist-summary')
-				.should('contain.text', '1 of 5 tasks')
-			cy.get('.editor .content ul > li input[type=checkbox]')
-				.eq(2)
-				.click()
-			
-			cy.get('.editor .content ul > li input[type=checkbox]')
-				.eq(2)
-				.should('be.checked')
-			cy.get('.editor .content input[type=checkbox]')
-				.should('have.length', 5)
-			cy.get('.task-view .checklist-summary')
-				.should('contain.text', '2 of 5 tasks')
-		})
 	})
 })
--- a/cypress/integration/user/login.spec.js
+++ b/cypress/integration/user/login.spec.js
@ -11,11 +11,16 @@ const testAndAssertFailed = fixture => {
 	cy.get('div.message.danger').contains('Wrong username or password.')
 }

-const username = 'test'
-
 context('Login', () => {
 	beforeEach(() => {
-		UserFactory.create(1, {username})
+		UserFactory.create(1, {
+			username: 'test',
+		})
+		cy.visit('/', {
+			onBeforeLoad(win) {
+				win.localStorage.removeItem('token')
+			},
+		})
 	})

 	it('Should log in with the right credentials', () => {
@ -50,9 +55,4 @@ context('Login', () => {

 		testAndAssertFailed(fixture)
 	})
-	
-	it('Should redirect to /login when no user is logged in', () => {
-		cy.visit('/')
-		cy.url().should('include', '/login')
-	})
 })
--- a/cypress/integration/user/logout.spec.js
+++ b/cypress/integration/user/logout.spec.js
@ -0,0 +1,16 @@
+import '../../support/authenticateUser'
+
+describe('Log out', () => {
+	it('Logs the user out', () => {
+		cy.visit('/')
+
+		cy.get('.navbar .user .username')
+			.click()
+		cy.get('.navbar .user .dropdown-menu a.dropdown-item')
+			.contains('Logout')
+			.click()
+
+		cy.url()
+			.should('contain', '/login')
+	})
+})
--- a/cypress/integration/user/registration.spec.js
+++ b/cypress/integration/user/registration.spec.js
@ -25,6 +25,7 @@ context('Registration', () => {
 		cy.get('#username').type(fixture.username)
 		cy.get('#email').type(fixture.email)
 		cy.get('#password').type(fixture.password)
+		cy.get('#passwordValidation').type(fixture.password)
 		cy.get('#register-submit').click()
 		cy.url().should('include', '/')
 		cy.clock(1625656161057) // 13:00
@ -42,6 +43,7 @@ context('Registration', () => {
 		cy.get('#username').type(fixture.username)
 		cy.get('#email').type(fixture.email)
 		cy.get('#password').type(fixture.password)
+		cy.get('#passwordValidation').type(fixture.password)
 		cy.get('#register-submit').click()
 		cy.get('div.message.danger').contains('A user with this username already exists.')
 	})
--- a/cypress/integration/user/settings.spec.js
+++ b/cypress/integration/user/settings.spec.js
@ -1,17 +1,19 @@
-import {createFakeUserAndLogin} from '../../support/authenticateUser'
+import {UserFactory} from '../../factories/user'
+
+import '../../support/authenticateUser'

 describe('User Settings', () => {
-	createFakeUserAndLogin()
+	beforeEach(() => {
+		UserFactory.create(1)
+	})

 	it('Changes the user avatar', () => {
-		cy.intercept(`${Cypress.env('API_URL')}/user/settings/avatar/upload`).as('uploadAvatar')
-		
 		cy.visit('/user/settings/avatar')

 		cy.get('input[name=avatarProvider][value=upload]')
 			.click()
-		cy.get('input[type=file]', {timeout: 1000})
-			.selectFile('cypress/fixtures/image.jpg', {force: true}) // The input is not visible, but on purpose
+		cy.get('input[type=file]', { timeout: 1000 })
+			.attachFile('image.jpg')
 		cy.get('.vue-handler-wrapper.vue-handler-wrapper--south .vue-simple-handler.vue-simple-handler--south')
 			.trigger('mousedown', {which: 1})
 			.trigger('mousemove', {clientY: 100})
@ -20,7 +22,7 @@ describe('User Settings', () => {
 			.contains('Upload Avatar')
 			.click()

-		cy.wait('@uploadAvatar')
+		cy.wait(3000) // Wait for the request to finish
 		cy.get('.global-notification')
 			.should('contain', 'Success')
 	})
@ -37,7 +39,7 @@ describe('User Settings', () => {

 		cy.get('.global-notification')
 			.should('contain', 'Success')
-		cy.get('.navbar .username-dropdown-trigger .username')
+		cy.get('.navbar .user .username')
 			.should('contain', 'Lorem Ipsum')
 	})
 })
--- a/cypress/plugins/index.js
+++ b/cypress/plugins/index.js
@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}
--- a/cypress/support/authenticateUser.js
+++ b/cypress/support/authenticateUser.js
@ -0,0 +1,29 @@
+
+// This authenticates a user and puts the token in local storage which allows us to perform authenticated requests.
+// Built after https://github.com/cypress-io/cypress-example-recipes/tree/bd2d6ffb33214884cab343d38e7f9e6ebffb323f/examples/logging-in__jwt
+
+import {UserFactory} from '../factories/user'
+
+let token
+
+before(() => {
+	const users = UserFactory.create(1)
+
+	cy.request('POST', `${Cypress.env('API_URL')}/login`, {
+		username: users[0].username,
+		password: '1234',
+	})
+		.its('body')
+		.then(r => {
+			token = r.token
+		})
+})
+
+beforeEach(() => {
+	cy.log(`Using token ${token} to make authenticated requests`)
+	cy.visit('/', {
+		onBeforeLoad(win) {
+			win.localStorage.setItem('token', token)
+		},
+	})
+})
--- a/cypress/support/authenticateUser.ts
+++ b/cypress/support/authenticateUser.ts
@ -1,35 +0,0 @@
-
-// This authenticates a user and puts the token in local storage which allows us to perform authenticated requests.
-// Built after https://github.com/cypress-io/cypress-example-recipes/tree/bd2d6ffb33214884cab343d38e7f9e6ebffb323f/examples/logging-in__jwt
-
-import {UserFactory} from '../factories/user'
-
-export function login(user, cacheAcrossSpecs = false) {
-	if (!user) {
-		throw new Error('Needs user')
-	}
-	// Caching session when logging in via page visit
-	cy.session(`user__${user.username}`, () => {
-		cy.request('POST', `${Cypress.env('API_URL')}/login`, {
-			username: user.username,
-			password: '1234',
-		}).then(({ body }) => {
-			window.localStorage.setItem('token', body.token)
-		})
-	}, {
-    cacheAcrossSpecs,
-  })
-}
-
-export function createFakeUserAndLogin() {
-	let user
-	before(() => {
-		user = UserFactory.create(1)[0]
-	})
-
-	beforeEach(() => {
-		login(user, true)
-	})
-
-	return user
-}
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@ -0,0 +1,33 @@
+/**
+ * Recursively gets an element, returning only after it's determined to be attached to the DOM for good.
+ *
+ * Source: https://github.com/cypress-io/cypress/issues/7306#issuecomment-850621378
+ */
+Cypress.Commands.add('getSettled', (selector, opts = {}) => {
+	const retries = opts.retries || 3
+	const delay = opts.delay || 100
+
+	const isAttached = (resolve, count = 0) => {
+		const el = Cypress.$(selector)
+
+		// is element attached to the DOM?
+		count = Cypress.dom.isAttached(el) ? count + 1 : 0
+
+		// hit our base case, return the element
+		if (count >= retries) {
+			return resolve(el)
+		}
+
+		// retry after a bit of a delay
+		setTimeout(() => isAttached(resolve, count), delay)
+	}
+
+	// wrap, so we can chain cypress commands off the result
+	return cy.wrap(null).then(() => {
+		return new Cypress.Promise((resolve) => {
+			return isAttached(resolve, 0)
+		}).then((el) => {
+			return cy.wrap(el)
+		})
+	})
+})
--- a/cypress/support/commands.ts
+++ b/cypress/support/commands.ts
@ -1,37 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }
--- a/cypress/support/component.index.html
+++ b/cypress/support/component.index.html
@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>Components App</title>
-  </head>
-  <body>
-    <div data-cy-root></div>
-  </body>
-</html>
--- a/cypress/support/component.ts
+++ b/cypress/support/component.ts
@ -1,29 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-import { mount } from 'cypress/vue'
-// Ensure global styles are loaded
-import '../../src/styles/global.scss';
-
-Cypress.Commands.add('mount', mount)
-
-// Example use:
-// cy.mount(MyComponent)
--- a/cypress/support/factory.js
+++ b/cypress/support/factory.js
--- a/cypress/support/index.js
+++ b/cypress/support/index.js
@ -1,5 +1,6 @@

 import './commands'
+import 'cypress-file-upload'
 import '@4tw/cypress-drag-drop'

 // see https://github.com/cypress-io/cypress/issues/702#issuecomment-587127275
--- a/cypress/support/seed.js
+++ b/cypress/support/seed.js
--- a/cypress/support/updateUserSettings.ts
+++ b/cypress/support/updateUserSettings.ts
@ -1,26 +0,0 @@
-
-export function updateUserSettings(settings) {
-	const token = `Bearer ${window.localStorage.getItem('token')}`
-	
-	return cy.request({
-		method: 'GET',
-		url: `${Cypress.env('API_URL')}/user`,
-		headers: {
-			'Authorization': token,
-		},
-	})
-		.its('body')
-		.then(oldSettings => {
-			return cy.request({
-				method: 'POST',
-				url: `${Cypress.env('API_URL')}/user/settings/general`,
-				headers: {
-					'Authorization': token,
-				},
-				body: {
-					...oldSettings,
-					...settings,
-				},
-			})
-		})
-}
--- a/docker-manifest-unstable.tmpl
+++ b/docker-manifest-unstable.tmpl
@ -0,0 +1,17 @@
+image: vikunja/frontend:unstable
+manifests:
+  -
+    image: vikunja/frontend:unstable-linux-amd64
+    platform:
+      architecture: amd64
+      os: linux
+  -
+    image: vikunja/frontend:unstable-linux-arm64
+    platform:
+      architecture: arm64
+      os: linux
+  -
+    image: vikunja/frontend:unstable-linux-arm
+    platform:
+      architecture: arm
+      os: linux
--- a/docker-manifest.tmpl
+++ b/docker-manifest.tmpl
@ -0,0 +1,23 @@
+image: vikunja/frontend:{{#if build.tag}}{{trimPrefix "v" build.tag}}{{else}}latest{{/if}}
+{{#if build.tags}}
+tags:
+{{#each build.tags}}
+  - {{this}}
+{{/each}}
+{{/if}}
+manifests:
+  -
+    image: vikunja/frontend:{{#if build.tag}}{{trimPrefix "v" build.tag}}-{{/if}}linux-amd64
+    platform:
+      architecture: amd64
+      os: linux
+  -
+    image: vikunja/frontend:{{#if build.tag}}{{trimPrefix "v" build.tag}}-{{/if}}linux-arm64
+    platform:
+      architecture: arm64
+      os: linux
+  -
+    image: vikunja/frontend:{{#if build.tag}}{{trimPrefix "v" build.tag}}-{{/if}}linux-arm
+    platform:
+      architecture: arm
+      os: linux
--- a/docker/injector.sh
+++ b/docker/injector.sh
@ -1,15 +0,0 @@
-#!/usr/bin/env sh
-set -e
-
-echo "info: API URL is $VIKUNJA_API_URL"
-echo "info: Sentry enabled: $VIKUNJA_SENTRY_ENABLED"
-
-# Escape the variable to prevent sed from complaining
-VIKUNJA_API_URL="$(echo "$VIKUNJA_API_URL" | sed -r 's/([:;])/\\\1/g')"
-VIKUNJA_SENTRY_DSN="$(echo "$VIKUNJA_SENTRY_DSN" | sed -r 's/([:;])/\\\1/g')"
-
-sed -ri "s:^(\s*window.API_URL\s*=)\s*.+:\1 '${VIKUNJA_API_URL}':g" /usr/share/nginx/html/index.html
-sed -ri "s:^(\s*window.SENTRY_ENABLED\s*=)\s*.+:\1 ${VIKUNJA_SENTRY_ENABLED}:g" /usr/share/nginx/html/index.html
-sed -ri "s:^(\s*window.SENTRY_DSN\s*=)\s*.+:\1 '${VIKUNJA_SENTRY_DSN}':g" /usr/share/nginx/html/index.html
-
-date -uIseconds | xargs echo 'info: started at'
--- a/docker/ipv6-disable.sh
+++ b/docker/ipv6-disable.sh
@ -1,19 +0,0 @@
-#!/usr/bin/env sh
-set -e
-
-if [ ! -f "/proc/net/if_inet6" ]; then
-  echo "info: IPv6 is not available! Removing IPv6 listen configuration"
-  find /etc/nginx/conf.d -name '*.conf' -type f | \
-  while IFS= read -r CONFIG; do
-    sed -r '/^\s*listen\s*\[::\]:.+$/d' "$CONFIG" > "$CONFIG.temp"
-    if ! diff -U 5 "$CONFIG" "$CONFIG.temp" > "$CONFIG.diff"; then
-      echo "info: Removing IPv6 lines from $CONFIG" | \
-      cat - "$CONFIG.diff"
-      echo "# IPv6 is disabled because /proc/net/if_inet6 was not found" | \
-      cat - "$CONFIG.temp" > "$CONFIG"
-    else
-      echo "info: Skipping $CONFIG because it does not have IPv6 listen"
-    fi
-    rm -f "$CONFIG.temp" "$CONFIG.diff"
-  done
-fi
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@ -1,112 +0,0 @@
-# Generated by nginxconfig.io
-# https://www.digitalocean.com/community/tools/nginx?domains.0.server.domain=localhost&domains.0.server.documentRoot=%2Fusr%2Fshare%2Fnginx%2Fhtml&domains.0.server.cdnSubdomain=true&domains.0.https.https=false&domains.0.php.php=false&domains.0.routing.index=index.html&domains.0.routing.fallbackHtml=true&domains.0.routing.fallbackPhp=false&global.performance.assetsExpiration=1d&global.performance.mediaExpiration=1d&global.performance.svgExpiration=1d&global.performance.fontsExpiration=1d&global.logging.accessLog=%2Fdev%2Fstdout&global.logging.errorLog=%2Fdev%2Fstderr%20warn&global.logging.logNotFound=true&global.nginx.user=nginx&global.nginx.pid=%2Fvar%2Frun%2Fnginx.pid&global.nginx.clientMaxBodySize=50&global.docker.dockerfile=true&global.tools.modularizedStructure=false&global.tools.symlinkVhost=false
-# and then edited manually ;)
-
-pid                  /tmp/nginx.pid;
-worker_processes     auto;
-worker_rlimit_nofile 65535;
-
-events {
-  multi_accept       on;
-  worker_connections  1024;
-}
-
-http {
-  charset                utf-8;
-  sendfile               on;
-  tcp_nopush             on;
-  tcp_nodelay            on;
-  server_tokens          off;
-  types_hash_max_size    2048;
-  types_hash_bucket_size 64;
-
-  # rootless
-  client_body_temp_path /tmp/client_temp;
-  proxy_temp_path       /tmp/proxy_temp_path;
-  fastcgi_temp_path     /tmp/fastcgi_temp;
-  uwsgi_temp_path       /tmp/uwsgi_temp;
-  scgi_temp_path        /tmp/scgi_temp;
-
-  # MIME
-  include                mime.types;
-  default_type           application/octet-stream;
-  types {
-    application/manifest+json webmanifest;
-  }
-
-  # Logging
-  log_format json escape=json
-    '{'
-      '"bytes_sent": "$bytes_sent",'
-      '"http_user_agent": "$http_user_agent",'
-      '"nginx_version": "$nginx_version",'
-      '"query_string": "$query_string",'
-      '"realip_remote_addr": "$realip_remote_addr",'
-      '"remote_addr": "$remote_addr",'
-      '"remote_user": "$remote_user",'
-      '"request_length": "$request_length",'
-      '"request_method": "$request_method",'
-      '"request_time": "$request_time",'
-      '"server_addr": "$server_addr",'
-      '"server_port": "$server_port",'
-      '"server_protocol": "$server_protocol",'
-      '"status": "$status",'
-      '"time_local": "$time_local",'
-      '"uri": "$uri"' 
-    '}';
-
-  log_format main '$remote_addr - $remote_user [$time_local] "$request" '
-                  '$status $body_bytes_sent "$http_referer" '
-                  '"$http_user_agent" "$http_x_forwarded_for"';
-
-  access_log             /dev/stdout main;
-  error_log              /dev/stderr warn;
-
-  keepalive_timeout  65;
-
-  # compression
-  gzip            on;
-  gzip_vary       on;
-  gzip_proxied    any;
-  gzip_comp_level 6;
-  gzip_buffers    16 8k;
-  gzip_http_version 1.1;
-  gzip_min_length 256;
-  gzip_types
-    text/plain
-    text/css
-    application/json
-    application/x-javascript
-    application/javascript
-    text/xml
-    application/xml
-    application/xml+rss
-    text/javascript
-    application/vnd.ms-fontobject
-    application/x-font-ttf
-    font/opentype
-    image/svg+xml
-    image/x-icon
-    audio/wav;
-
-  map_hash_max_size 128;
-  map_hash_bucket_size 128;
-
-  map $sent_http_content_type $expires {
-    default                       off;
-    text/css                      max;
-    application/javascript        max;
-    text/javascript               max;
-    application/vnd.ms-fontobject max;
-    application/x-font-ttf        max;
-    font/opentype                 max;
-    font/woff2                    max;
-    image/svg+xml                 max;
-    image/x-icon                  max;
-    audio/wav                     max;
-    ~images/                      max;
-    ~font/                        max;
-  }
-
-  include /etc/nginx/conf.d/*.conf;
-}
--- a/docker/templates/default.conf.template
+++ b/docker/templates/default.conf.template
@ -1,71 +0,0 @@
-server {
-  listen      ${VIKUNJA_HTTP_PORT};
-  listen      [::]:${VIKUNJA_HTTP_PORT};
-  ## Needed when behind HAProxy with SSL termination + HTTP/2 support
-  listen      ${VIKUNJA_HTTP2_PORT}  default_server http2 proxy_protocol;
-  listen      [::]:${VIKUNJA_HTTP2_PORT} default_server http2 proxy_protocol;
-
-  server_name _;
-  expires     $expires;
-  root        /usr/share/nginx/html;
-  access_log  /dev/stdout ${VIKUNJA_LOG_FORMAT};
-  # security headers
-  add_header X-XSS-Protection        "1; mode=block" always;
-  add_header X-Content-Type-Options  "nosniff" always;
-  add_header Referrer-Policy         "no-referrer-when-downgrade" always;
-  add_header Content-Security-Policy "default-src 'self' http: https: ws: wss: data: blob: 'unsafe-inline'; frame-ancestors 'self';" always;
-  add_header Permissions-Policy      "interest-cohort=()" always;
-
-  # . files
-  location ~ /\.(?!well-known) {
-    deny all;
-  }
-
-  # assume that everything else is handled by the application router, by injecting the index.html.
-  location / {
-    autoindex off;
-    expires off;
-    add_header Cache-Control "public, max-age=0, s-maxage=0, must-revalidate" always;
-    try_files $uri /index.html =404;
-  }
-
-  # favicon.ico
-  location = /favicon.ico {
-    log_not_found off;
-    access_log    off;
-  }
-
-  # robots.txt
-  location = /robots.txt {
-    log_not_found off;
-    access_log    off;
-    expires -1; # no-cache
-  }
-
-  location = /ready {
-    return 200 "";
-    access_log off;
-    expires -1; # no-cache
-  }
-
-  # all assets contain hash in filename, cache forever
-  location ^~ /assets/ {
-    add_header Cache-Control "public, max-age=31536000, s-maxage=31536000, immutable";
-    try_files $uri =404;
-  }
-
-  # all workbox scripts are compiled with hash in filename, cache forever3
-  location ^~ /workbox- {
-    add_header Cache-Control "public, max-age=31536000, s-maxage=31536000, immutable";
-    try_files $uri =404;
-  }
-
-  # assets, media
-  location ~* .(txt|webmanifest|css|js|mjs|map|svg|jpg|jpeg|png|ico|ttf|woff|woff2|wav)$ {
-    try_files $uri $uri/ =404;
-  }
-
-  error_page   500 502 503 504  /50x.html;
-  location = /50x.html { }
-
-}
--- a/env.config.d.ts
+++ b/env.config.d.ts
@ -1,9 +0,0 @@
-declare module 'postcss-easings' {
-  import postcssEasings from 'postcss-easings'
-  export default postcssEasings
-}
-
-declare module 'postcss-easing-gradients' {
-  import postcssEasingGradients from 'postcss-easing-gradients'
-  export default postcssEasingGradients
-}
--- a/env.d.ts
+++ b/env.d.ts
@ -1,12 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-svg-loader" />
-/// <reference types="cypress" />
-/// <reference types="@histoire/plugin-vue/components" />
-
-interface ImportMetaEnv {
-  readonly VITE_IS_ONLINE: boolean
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
--- a/flake.lock
+++ b/flake.lock
@ -1,25 +0,0 @@
-{
-  "nodes": {
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1664753041,
-        "narHash": "sha256-0ogaD8PaGHluARFeupofvk1Nq9gpVeZdlFM0Kcwguys=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "a62844b302507c7531ad68a86cb7aa54704c9cb4",
-        "type": "github"
-      },
-      "original": {
-        "id": "nixpkgs",
-        "type": "indirect"
-      }
-    },
-    "root": {
-      "inputs": {
-        "nixpkgs": "nixpkgs"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}
--- a/flake.nix
+++ b/flake.nix
@ -1,10 +0,0 @@
-{
-  description = "Vikunja frontend dev environment";
-
-  outputs = { self, nixpkgs }:
-    let pkgs = nixpkgs.legacyPackages.x86_64-linux;
-    in {
-      defaultPackage.x86_64-linux =
-        pkgs.mkShell { buildInputs = [ pkgs.nodePackages.pnpm pkgs.cypress pkgs.git-cliff ]; };
-    };
-}
--- a/histoire.config.ts
+++ b/histoire.config.ts
@ -1,34 +0,0 @@
-import {defineConfig, defaultColors} from 'histoire'
-import {HstVue} from '@histoire/plugin-vue'
-import {HstScreenshot} from '@histoire/plugin-screenshot'
-
-export default defineConfig({
-	setupFile: './src/histoire.setup.ts',
-	storyIgnored: [
-		'**/node_modules/**',
-		'**/dist/**',
-		// see https://kolaente.dev/vikunja/frontend/pulls/2724#issuecomment-42012
-		'**/.direnv/**',
-	],
-	plugins: [
-		HstVue(),
-		HstScreenshot({
-			// Options here
-		}),
-	],
-	theme: {
-		title: 'Vikunja',
-		colors: {
-			// https://histoire.dev/guide/config.html#builtin-colors
-			gray: defaultColors.zinc,
-			primary: defaultColors.cyan,
-		},
-		// logo: {
-		// 	square: './img/square.png',
-		// 	light: './img/light.png',
-		// 	dark: './img/dark.png',
-		// },
-		// logoHref: 'https://acme.com',
-		// favicon: './favicon.ico',
-	},
-})
--- a/index.html
+++ b/index.html
@ -1,15 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<title>Vikunja</title>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<meta name="description" content="Vikunja (/vɪˈkuːnjə/) - The to-do app to organize your life.">
 	<meta name="theme-color" content="#1973ff"/>

 	<link rel="icon" href="/favicon.ico">
 	<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon-180x180.png"/>
-	<!--__vite-plugin-inject-preload__-->
+	<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">
 </head>
 <body>
 <noscript>
--- a/netlify.toml
+++ b/netlify.toml
@ -1,6 +1,6 @@
 [build]
-  command = "pnpm run build"
-  publish = "dist-preview"
+  command = "yarn build"
+  publish = "dist"

 [[redirects]]
  from = "/*"
--- a/nginx.conf
+++ b/nginx.conf
@ -0,0 +1,84 @@
+user  nginx;
+worker_processes  1;
+
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    gzip  on;
+    gzip_disable "msie6";
+
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_buffers 16 8k;
+    gzip_http_version 1.1;
+    gzip_min_length 256;
+    gzip_types text/plain text/css application/json application/x-javascript application/javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon audio/wav;
+
+    map_hash_max_size 128;
+    map_hash_bucket_size 128;
+
+    # Expires map
+    map $sent_http_content_type $expires {
+        default                       off;
+        text/html                     max;
+        text/css                      max;
+        application/javascript        max;
+        text/javascript               max;
+        application/vnd.ms-fontobject max;
+        application/x-font-ttf        max;
+        font/opentype                 max;
+        font/woff2                    max;
+        image/svg+xml                 max;
+        image/x-icon                  max;
+        audio/wav                     max;
+        ~image/                       max;
+        ~font/                        max;
+    }
+
+    server {
+        listen 80;
+        listen 81  default_server http2 proxy_protocol; ## Needed when behind HAProxy with SSL termination + HTTP/2 support
+
+        server_name  _;
+
+        expires $expires;
+
+        location ~* .(txt|webmanifest|css|js|mjs|map|svg|jpg|jpeg|png|ico|ttf|woff|woff2|wav)$ {
+            root   /usr/share/nginx/html;
+            try_files $uri $uri/ =404;
+        }
+
+        location / {
+            root   /usr/share/nginx/html;
+            try_files $uri $uri/ /index.html;
+            index  index.html;
+        }
+
+        error_page   500 502 503 504  /50x.html;
+        location = /50x.html {
+            root   /usr/share/nginx/html;
+        }
+    }
+}
--- a/originalMedia/fonts/OpenSans-Italic[wdth,wght].ttf
+++ b/originalMedia/fonts/OpenSans-Italic[wdth,wght].ttf
--- a/originalMedia/fonts/OpenSans[wdth,wght].ttf
+++ b/originalMedia/fonts/OpenSans[wdth,wght].ttf
--- a/originalMedia/fonts/Quicksand[wght].ttf
+++ b/originalMedia/fonts/Quicksand[wght].ttf
--- a/package.json
+++ b/package.json
@ -1,146 +1,148 @@
 {
  "name": "vikunja-frontend",
-  "description": "The todo app to organize your life.",
-  "private": true,
  "version": "0.10.0",
-  "license": "AGPL-3.0-or-later",
-  "repository": {
-    "type": "git",
-    "url": "https://kolaente.dev/vikunja/frontend"
-  },
-  "bugs": {
-    "url": "https://kolaente.dev/vikunja/frontend/issues"
-  },
-  "homepage": "https://vikunja.io/",
-  "funding": "https://opencollective.com/vikunja",
-  "packageManager": "pnpm@7.27.1",
-  "keywords": [
-    "todo",
-    "productivity",
-    "task management",
-    "organisation",
-    "gantt",
-    "kanban"
-  ],
+  "private": true,
  "scripts": {
    "serve": "vite",
-    "preview": "vite preview --port 4173",
-    "preview:dev": "vite preview --outDir dist-dev --mode development --port 4173",
+    "serve:dist-dev": "node scripts/serve-dist.js",
+    "serve:dist": "vite preview",
    "build": "vite build && workbox copyLibraries dist/",
    "build:modern-only": "BUILD_MODERN_ONLY=true vite build && workbox copyLibraries dist/",
-    "build:dev": "vite build --mode development --outDir dist-dev/",
+    "build:dev": "vite build -m development --outDir dist-dev/",
    "lint": "eslint --ignore-pattern '*.test.*' ./src --ext .vue,.js,.ts",
-    "test:e2e": "start-server-and-test preview http://127.0.0.1:4173 'cypress run --e2e --browser chrome'",
-    "test:e2e-record": "start-server-and-test preview http://127.0.0.1:4173 'cypress run --e2e --browser chrome --record'",
-    "test:e2e-dev-dev": "start-server-and-test preview:dev http://127.0.0.1:4173 'cypress open --e2e'",
-    "test:e2e-dev": "start-server-and-test preview http://127.0.0.1:4173 'cypress open --e2e'",
-    "test:unit": "vitest --dir ./src",
-    "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "browserslist:update": "pnpm dlx browserslist@latest --update-db",
-    "fonts:update": "pnpm fonts:download && pnpm fonts:subset",
-    "fonts:download": "./scripts/fonts-download.sh",
-    "fonts:subset": "./scripts/fonts-subset.sh",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "lint:markup": "vue-tsc --noEmit",
+    "cypress:open": "cypress open",
+    "test:unit": "vitest run",
+    "test:frontend": "cypress run",
+    "browserslist:update": "npx browserslist@latest --update-db"
  },
  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.3.0",
-    "@fortawesome/free-regular-svg-icons": "6.3.0",
-    "@fortawesome/free-solid-svg-icons": "6.3.0",
-    "@fortawesome/vue-fontawesome": "3.0.3",
-    "@github/hotkey": "2.0.1",
-    "@infectoone/vue-ganttastic": "2.1.4",
-    "@intlify/unplugin-vue-i18n": "0.8.2",
-    "@kyvg/vue3-notification": "2.9.0",
-    "@sentry/tracing": "7.38.0",
-    "@sentry/vue": "7.38.0",
-    "@types/is-touch-device": "1.0.0",
-    "@types/lodash.clonedeep": "4.5.7",
-    "@types/sortablejs": "1.15.0",
-    "@vueuse/core": "9.13.0",
-    "axios": "1.3.3",
-    "blurhash": "2.0.5",
+    "@github/hotkey": "1.6.1",
+    "@kyvg/vue3-notification": "2.3.4",
+    "@sentry/tracing": "6.16.1",
+    "@sentry/vue": "6.16.1",
+    "@vue/compat": "3.2.26",
+    "@vueuse/core": "7.5.2",
+    "@vueuse/router": "7.5.2",
    "bulma-css-variables": "0.9.33",
    "camel-case": "4.1.2",
-    "codemirror": "5.65.12",
-    "date-fns": "2.29.3",
-    "dayjs": "1.11.7",
-    "dompurify": "3.0.0",
-    "easymde": "2.18.0",
-    "fast-deep-equal": "3.1.3",
-    "flatpickr": "4.6.13",
+    "codemirror": "5.65.0",
+    "copy-to-clipboard": "3.3.1",
+    "date-fns": "2.28.0",
+    "dompurify": "2.3.4",
+    "easymde": "2.15.0",
+    "flatpickr": "4.6.9",
    "flexsearch": "0.7.21",
-    "floating-vue": "2.0.0-beta.20",
-    "focus-within": "3.0.2",
-    "highlight.js": "11.7.0",
+    "highlight.js": "11.3.1",
    "is-touch-device": "1.0.1",
-    "klona": "2.0.6",
+    "lodash.clonedeep": "4.5.0",
    "lodash.debounce": "4.0.8",
-    "marked": "4.2.12",
-    "pinia": "2.0.32",
+    "marked": "4.0.8",
    "register-service-worker": "1.7.2",
    "snake-case": "3.0.4",
-    "sortablejs": "1.15.0",
-    "ufo": "1.1.0",
-    "vue": "3.2.47",
-    "vue-advanced-cropper": "2.8.8",
-    "vue-flatpickr-component": "11.0.2",
-    "vue-i18n": "9.2.2",
-    "vue-router": "4.1.6",
-    "workbox-precaching": "6.5.4",
-    "zhyswan-vuedraggable": "4.1.3"
+    "ufo": "0.7.9",
+    "v-tooltip": "4.0.0-beta.6",
+    "vue": "3.2.26",
+    "vue-advanced-cropper": "2.7.0",
+    "vue-drag-resize": "2.0.3",
+    "vue-flatpickr-component": "9.0.5",
+    "vue-i18n": "9.2.0-beta.26",
+    "vue-router": "4.0.12",
+    "vuedraggable": "4.1.0",
+    "vuex": "4.0.2",
+    "workbox-precaching": "6.4.2"
  },
  "devDependencies": {
-    "@4tw/cypress-drag-drop": "2.2.3",
-    "@cypress/vite-dev-server": "5.0.3",
-    "@cypress/vue": "5.0.4",
-    "@faker-js/faker": "7.6.0",
-    "@histoire/plugin-screenshot": "0.15.8",
-    "@histoire/plugin-vue": "0.15.8",
-    "@rushstack/eslint-patch": "1.2.0",
-    "@types/codemirror": "5.60.7",
-    "@types/dompurify": "2.4.0",
-    "@types/flexsearch": "0.7.3",
-    "@types/focus-within": "1.0.1",
-    "@types/lodash.debounce": "4.0.7",
-    "@types/marked": "4.0.8",
-    "@types/node": "18.14.0",
-    "@types/postcss-preset-env": "7.7.0",
-    "@typescript-eslint/eslint-plugin": "5.53.0",
-    "@typescript-eslint/parser": "5.53.0",
-    "@vitejs/plugin-legacy": "4.0.1",
-    "@vitejs/plugin-vue": "4.0.0",
-    "@vue/eslint-config-typescript": "11.0.2",
-    "@vue/test-utils": "2.3.0",
-    "@vue/tsconfig": "0.1.3",
-    "autoprefixer": "10.4.13",
-    "browserslist": "4.21.5",
-    "caniuse-lite": "1.0.30001457",
-    "csstype": "3.1.1",
-    "cypress": "12.6.0",
-    "esbuild": "0.17.10",
-    "eslint": "8.34.0",
-    "eslint-plugin-vue": "9.9.0",
-    "happy-dom": "8.6.0",
-    "histoire": "0.15.8",
-    "netlify-cli": "12.13.2",
-    "postcss": "8.4.21",
-    "postcss-easing-gradients": "3.0.1",
-    "postcss-easings": "3.0.1",
-    "postcss-preset-env": "8.0.1",
-    "rollup": "3.17.2",
-    "rollup-plugin-visualizer": "5.9.0",
-    "sass": "1.58.3",
-    "start-server-and-test": "1.15.4",
-    "typescript": "4.9.5",
-    "vite": "4.1.3",
-    "vite-plugin-inject-preload": "1.3.0",
-    "vite-plugin-pwa": "0.14.4",
-    "vite-svg-loader": "4.0.0",
-    "vitest": "0.28.5",
-    "vue-tsc": "1.1.5",
-    "wait-on": "7.0.1",
-    "workbox-cli": "6.5.4"
-  }
+    "@4tw/cypress-drag-drop": "2.1.0",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-regular-svg-icons": "5.15.4",
+    "@fortawesome/free-solid-svg-icons": "5.15.4",
+    "@fortawesome/vue-fontawesome": "3.0.0-5",
+    "@types/flexsearch": "0.7.2",
+    "@typescript-eslint/eslint-plugin": "5.9.0",
+    "@typescript-eslint/parser": "5.9.0",
+    "@vitejs/plugin-legacy": "1.6.4",
+    "@vitejs/plugin-vue": "2.0.1",
+    "@vue/eslint-config-typescript": "10.0.0",
+    "autoprefixer": "10.4.1",
+    "axios": "0.24.0",
+    "browserslist": "4.19.1",
+    "caniuse-lite": "1.0.30001296",
+    "cypress": "9.2.0",
+    "cypress-file-upload": "5.0.8",
+    "esbuild": "0.14.10",
+    "eslint": "8.6.0",
+    "eslint-plugin-vue": "8.2.0",
+    "express": "4.17.2",
+    "faker": "5.5.3",
+    "netlify-cli": "8.6.4",
+    "happy-dom": "2.25.1",
+    "postcss": "8.4.5",
+    "postcss-preset-env": "7.2.0",
+    "rollup": "2.63.0",
+    "rollup-plugin-visualizer": "5.5.2",
+    "sass": "1.45.2",
+    "slugify": "1.6.5",
+    "typescript": "4.5.4",
+    "vite": "2.7.10",
+    "vite-plugin-pwa": "0.11.12",
+    "vite-svg-loader": "3.1.1",
+    "vitest": "0.0.132",
+    "vue-tsc": "0.30.2",
+    "wait-on": "6.0.0",
+    "workbox-cli": "6.4.2"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "browser": true,
+      "es2021": true,
+      "node": true,
+      "vue/setup-compiler-macros": true
+    },
+    "extends": [
+      "eslint:recommended",
+      "plugin:vue/vue3-essential",
+      "@vue/typescript"
+    ],
+    "rules": {
+      "vue/html-quotes": [
+        "error",
+        "double"
+      ],
+      "quotes": [
+        "error",
+        "single"
+      ],
+      "comma-dangle": [
+        "error",
+        "always-multiline"
+      ],
+      "semi": [
+        "error",
+        "never"
+      ],
+      "vue/script-setup-uses-vars": "error",
+      "vue/multi-word-component-names": 0
+    },
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+      "parser": "@typescript-eslint/parser",
+      "ecmaVersion": 2021
+    },
+    "ignorePatterns": [
+      "*.test.*",
+      "cypress/*"
+    ],
+    "globals": {
+      "defineProps": "readonly"
+    }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "license": "AGPL-3.0-or-later",
+  "packageManager": "yarn@1.22.17"
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/fonts/open-sans-v15-latin-700.woff2
+++ b/public/fonts/open-sans-v15-latin-700.woff2
--- a/public/fonts/open-sans-v15-latin-700italic.woff2
+++ b/public/fonts/open-sans-v15-latin-700italic.woff2
--- a/public/fonts/open-sans-v15-latin-italic.woff2
+++ b/public/fonts/open-sans-v15-latin-italic.woff2
--- a/public/fonts/open-sans-v15-latin-regular.woff2
+++ b/public/fonts/open-sans-v15-latin-regular.woff2
--- a/public/fonts/quicksand-v7-latin-500.woff2
+++ b/public/fonts/quicksand-v7-latin-500.woff2
--- a/public/fonts/quicksand-v7-latin-700.woff2
+++ b/public/fonts/quicksand-v7-latin-700.woff2
--- a/public/fonts/quicksand-v7-latin-regular.woff2
+++ b/public/fonts/quicksand-v7-latin-regular.woff2
--- a/renovate.json
+++ b/renovate.json
@ -2,36 +2,6 @@
  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
  "labels": ["dependencies"],
  "extends": [
-    "config:js-app"
-  ],
-  "packageRules": [
-    {
-      "matchPackageNames": ["netlify-cli", "happy-dom"],
-      "extends": ["schedule:weekly"]
-    },
-    {
-      "groupName": "caniuse-and-related",
-      "matchPackageNames": ["caniuse-lite", "browserslist"],
-      "extends": ["schedule:weekly"]
-    },
-    {
-      "groupName": "vueuse",
-      "matchPackagePrefixes": [
-        "@vueuse/"
-      ]
-    },
-    {
-      "groupName": "histoire",
-      "matchPackagePrefixes": [
-        "@histoire/",
-        "histoire"
-      ]
-    },
-    {
-      "matchDepTypes": ["devDependencies"],
-      "automerge": true,
-      "automergeStrategy": "squash",
-      "automergeType": "pr"
-    }
+    "config:base"
  ]
 }
--- a/run.sh
+++ b/run.sh
@ -0,0 +1,28 @@
+#!/bin/bash
+
+# This shell script sets the api url based on an environment variable and starts nginx in foreground.
+
+VIKUNJA_API_URL="${VIKUNJA_API_URL:-"/api/v1"}"
+VIKUNJA_SENTRY_ENABLED="${VIKUNJA_SENTRY_ENABLED:-"false"}"
+VIKUNJA_SENTRY_DSN="${VIKUNJA_SENTRY_DSN:-"https://85694a2d757547cbbc90cd4b55c5a18d@o1047380.ingest.sentry.io/6024480"}"
+VIKUNJA_HTTP_PORT="${VIKUNJA_HTTP_PORT:-80}"
+VIKUNJA_HTTPS_PORT="${VIKUNJA_HTTPS_PORT:-443}"
+
+echo "Using $VIKUNJA_API_URL as default api url"
+
+# Escape the variable to prevent sed from complaining
+VIKUNJA_API_URL=$(echo $VIKUNJA_API_URL |sed 's/\//\\\//g')
+
+sed -i "s/http\:\/\/localhost\:3456//g" /usr/share/nginx/html/index.html # replacing in two steps to make sure api urls from releases are properly replaced as well
+sed -i "s/'\/api\/v1/'$VIKUNJA_API_URL/g" /usr/share/nginx/html/index.html
+sed -i "s/\.SENTRY_ENABLED = false/\.SENTRY_ENABLED = $VIKUNJA_SENTRY_ENABLED/g" /usr/share/nginx/html/index.html
+sed -i "s/\.SENTRY_DSN = '.*'/\.SENTRY_DSN = '$VIKUNJA_SENTRY_DSN'/g" /usr/share/nginx/html/index.html
+
+sed -i "s/listen 80/listen $VIKUNJA_HTTP_PORT/g" /etc/nginx/nginx.conf
+sed -i "s/listen 443/listen $VIKUNJA_HTTPS_PORT/g" /etc/nginx/nginx.conf
+
+# Set the uid and gid of the nginx run user
+usermod --non-unique --uid ${PUID} nginx
+groupmod --non-unique --gid ${PGID} nginx
+
+nginx -g "daemon off;"
--- a/scripts/deploy-preview-netlify.mjs
+++ b/scripts/deploy-preview-netlify.mjs
@ -1,27 +1,20 @@
-import { exec } from 'node:child_process'
-
-function createSlug(string) {
-	return String(string)
-		.trim()
-		.normalize('NFKD')
-		.toLowerCase()
-		.replace(/[.\s/]/g, '-')
-		.replace(/[^A-Za-z\d-]/g, '')
-}
+const slugify = require('slugify')
+const {exec} = require('child_process')
+const axios = require('axios')

 const BOT_USER_ID = 513
 const giteaToken = process.env.GITEA_TOKEN
 const siteId = process.env.NETLIFY_SITE_ID
-const branchSlug = createSlug(process.env.DRONE_SOURCE_BRANCH)
+const branchSlug = slugify(process.env.DRONE_SOURCE_BRANCH)
 const prNumber = process.env.DRONE_PULL_REQUEST

 const prIssueCommentsUrl = `https://kolaente.dev/api/v1/repos/vikunja/frontend/issues/${prNumber}/comments`
-const alias = `${prNumber}-${branchSlug}`.substring(0,37)
+const alias = `${prNumber}-${branchSlug}`
 const fullPreviewUrl = `https://${alias}--vikunja-frontend-preview.netlify.app`

 const promiseExec = cmd => {
 	return new Promise((resolve, reject) => {
-		exec(cmd, (error, stdout) => {
+		exec(cmd, (error, stdout, stderr) => {
 			if (error) {
 				reject(error)
 				return
@ -38,7 +31,7 @@ const promiseExec = cmd => {
 	stdout = await promiseExec(`./node_modules/.bin/netlify deploy --alias ${alias}`)
 	console.log(stdout)

-	const data = await fetch(prIssueCommentsUrl).then(response => response.json())
+	const {data} = await axios.get(prIssueCommentsUrl)
 	const hasComment = data.some(c => c.user.id === BOT_USER_ID)

 	if (hasComment) {
@ -46,7 +39,8 @@ const promiseExec = cmd => {
 		return
 	}

-	const message = `
+	await axios.post(prIssueCommentsUrl, {
+		body: `
 Hi ${process.env.DRONE_COMMIT_AUTHOR}!

 Thank you for creating a PR!
@ -59,25 +53,14 @@ You will need to manually connect this to an api running somehwere. The easiest
 Have a nice day!

 > Beep boop, I'm a bot.
-`
+`,
+	}, {
+		headers: {
+			'Content-Type': 'application/json',
+			'accept': 'application/json',
+			'Authorization': `token ${giteaToken}`,
+		},
+	})

-	try {
-		const response = await fetch(prIssueCommentsUrl, {
-			method: 'POST',
-			body: JSON.stringify({
-				body: message,
-			}),
-			headers: {
-				'Content-Type': 'application/json',
-				'accept': 'application/json',
-				'Authorization': `token ${giteaToken}`,
-			},
-		})
-		if (!response.ok) {
-			throw new Error(`HTTP error, status = ${response.status}`)
-		}
-		console.log(`Preview comment sent successfully to PR #${prNumber}!`)
-	} catch (e) {
-		console.log(`Could not send preview comment to PR #${prNumber}! ${e.message}`)
-	}
+	console.log(`Preview comment sent successfully to PR #${prNumber}!`)
 })()
--- a/scripts/deploy-preview-netlify.js.sha384
+++ b/scripts/deploy-preview-netlify.js.sha384
@ -0,0 +1 @@
+55ce0faaa2c1919341617ccfaeccbb6029ac12107964ff488985cff13dd952f1a991df3ab0d4b0705deb761e508e6434  ./scripts/deploy-preview-netlify.js
--- a/scripts/deploy-preview-netlify.mjs.sha384
+++ b/scripts/deploy-preview-netlify.mjs.sha384
@ -1 +0,0 @@
-57af69409e66bc87f4f2fc5822dd8d3c2eb47c601f81af1ac4a56f3e2d80837b1a2de06f4ff57695ec379b7c15b881e3  ./scripts/deploy-preview-netlify.mjs
--- a/scripts/fonts-download.sh
+++ b/scripts/fonts-download.sh
@ -1,56 +0,0 @@
-#!/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"
--- a/scripts/fonts-subset.sh
+++ b/scripts/fonts-subset.sh
@ -1,161 +0,0 @@
-#!/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
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Dominik Pschenitschni	8a95bb7422	feat: review changes	2022-01-05 13:32:47 +01:00
kolaente	0f32991b16	chore: use margin left to remove extra div	2022-01-05 11:57:26 +01:00
kolaente	92ffaf984c	chore: use gap	2022-01-05 11:57:26 +01:00
kolaente	696b11a33b	chore: mobile first	2022-01-05 11:57:26 +01:00
kolaente	7211e8d34f	chore: unindet class	2022-01-05 11:57:26 +01:00
kolaente	4f28f28be3	chore: remove margin	2022-01-05 11:57:25 +01:00
kolaente	5016e5d699	chore: use v-cy for test	2022-01-05 11:57:25 +01:00
kolaente	27446bf995	fix: remove .only test modifier	2022-01-05 11:57:24 +01:00
kolaente	ec2587bb60	fix: tests	2022-01-05 11:57:23 +01:00
kolaente	964fdeb2e8	fix: namespace new buttons on mobile	2022-01-05 11:57:23 +01:00
 @ -1 +1 @@
 .14.1
 v16
				`@ -0,0 +1 @@`
				`55ce0faaa2c1919341617ccfaeccbb6029ac12107964ff488985cff13dd952f1a991df3ab0d4b0705deb761e508e6434 ./scripts/deploy-preview-netlify.js`
				`@ -1 +0,0 @@`
				`57af69409e66bc87f4f2fc5822dd8d3c2eb47c601f81af1ac4a56f3e2d80837b1a2de06f4ff57695ec379b7c15b881e3 ./scripts/deploy-preview-netlify.mjs`