feat: inline dynamic component definitions in routes

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -1,6 +1,6 @@
 name: Bug Report
 description: Found something you weren't expecting? Report it here!
-type: Bug
+labels: kind/bug
 body:
   - type: markdown
     attributes:
@@ -49,4 +49,4 @@ body:
     id: screenshots
     attributes:
       label: Screenshots
-      description: If this issue involves the Web Interface, please provide one or more screenshots
+      description: If this issue involves the Web Interface, please provide one or more screenshots

frontend/env.config.d.ts

@@ -1 +1,4 @@
-declare module 'postcss-easing-gradients';
+declare module 'postcss-easing-gradients' {
+  import postcssEasingGradients from 'postcss-easing-gradients'
+  export default postcssEasingGradients
+}

frontend/package.json

@@ -130,7 +130,7 @@
     "@vue/tsconfig": "0.7.0",
     "autoprefixer": "10.4.20",
     "browserslist": "4.24.4",
-    "caniuse-lite": "1.0.30001695",
+    "caniuse-lite": "1.0.30001692",
     "csstype": "3.1.3",
     "cypress": "14.0.0",
     "esbuild": "0.24.2",
@@ -152,7 +152,7 @@
     "vite-plugin-sentry": "1.4.0",
     "vite-plugin-vue-devtools": "7.7.0",
     "vite-svg-loader": "5.1.0",
-    "vitest": "3.0.2",
+    "vitest": "3.0.1",
     "vue-tsc": "2.2.0",
     "wait-on": "8.0.2",
     "workbox-cli": "7.3.0"

frontend/pnpm-lock.yaml

@@ -255,8 +255,8 @@ importers:
         specifier: 4.24.4
         version: 4.24.4
       caniuse-lite:
-        specifier: 1.0.30001695
-        version: 1.0.30001695
+        specifier: 1.0.30001692
+        version: 1.0.30001692
       csstype:
         specifier: 3.1.3
         version: 3.1.3
@@ -321,8 +321,8 @@ importers:
         specifier: 5.1.0
         version: 5.1.0(vue@3.5.13(typescript@5.7.3))
       vitest:
-        specifier: 3.0.2
-        version: 3.0.2(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+        specifier: 3.0.1
+        version: 3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
       vue-tsc:
         specifier: 2.2.0
         version: 2.2.0(typescript@5.7.3)
@@ -2514,11 +2514,11 @@ packages:
       vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@3.0.2':
-    resolution: {integrity: sha512-dKSHLBcoZI+3pmP5hiZ7I5grNru2HRtEW8Z5Zp4IXog8QYcxhlox7JUPyIIFWfN53+3HW3KPLIl6nSzUGgKSuQ==}
+  '@vitest/expect@3.0.1':
+    resolution: {integrity: sha512-oPrXe8dwvQdzUxQFWwibY97/smQ6k8iPVeSf09KEvU1yWzu40G6naHExY0lUgjnTPWMRGQOJnhMBb8lBu48feg==}
 
-  '@vitest/mocker@3.0.2':
-    resolution: {integrity: sha512-Hr09FoBf0jlwwSyzIF4Xw31OntpO3XtZjkccpcBf8FeVW3tpiyKlkeUzxS/txzHqpUCNIX157NaTySxedyZLvA==}
+  '@vitest/mocker@3.0.1':
+    resolution: {integrity: sha512-5letLsVdFhReCPws/SNwyekBCyi4w2IusycV4T7eVdt2mfellS2yKDrEmnE5KPCHr0Ez5xCZVJbJws3ckuNNgQ==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^5.0.0 || ^6.0.0
@@ -2528,20 +2528,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@3.0.2':
-    resolution: {integrity: sha512-yBohcBw/T/p0/JRgYD+IYcjCmuHzjC3WLAKsVE4/LwiubzZkE8N49/xIQ/KGQwDRA8PaviF8IRO8JMWMngdVVQ==}
+  '@vitest/pretty-format@3.0.1':
+    resolution: {integrity: sha512-FnyGQ9eFJ/Dnqg3jCvq9O6noXtxbZhOlSvNLZsCGJxhsGiZ5LDepmsTCizRfyGJt4Q6pJmZtx7rO/qqr9R9gDA==}
 
-  '@vitest/runner@3.0.2':
-    resolution: {integrity: sha512-GHEsWoncrGxWuW8s405fVoDfSLk6RF2LCXp6XhevbtDjdDme1WV/eNmUueDfpY1IX3MJaCRelVCEXsT9cArfEg==}
+  '@vitest/runner@3.0.1':
+    resolution: {integrity: sha512-LfVbbYOduTVx8PnYFGH98jpgubHBefIppbPQJBSlgjnRRlaX/KR6J46htECUHpf+ElJZ4xxssAfEz/Cb2iIMYA==}
 
-  '@vitest/snapshot@3.0.2':
-    resolution: {integrity: sha512-h9s67yD4+g+JoYG0zPCo/cLTabpDqzqNdzMawmNPzDStTiwxwkyYM1v5lWE8gmGv3SVJ2DcxA2NpQJZJv9ym3g==}
+  '@vitest/snapshot@3.0.1':
+    resolution: {integrity: sha512-ZYV+iw2lGyc4QY2xt61b7Y3NJhSAO7UWcYWMcV0UnMrkXa8hXtfZES6WAk4g7Jr3p4qJm1P0cgDcOFyY5me+Ug==}
 
-  '@vitest/spy@3.0.2':
-    resolution: {integrity: sha512-8mI2iUn+PJFMT44e3ISA1R+K6ALVs47W6eriDTfXe6lFqlflID05MB4+rIFhmDSLBj8iBsZkzBYlgSkinxLzSQ==}
+  '@vitest/spy@3.0.1':
+    resolution: {integrity: sha512-HnGJB3JFflnlka4u7aD0CfqrEtX3FgNaZAar18/KIhfo0r/WADn9PhBfiqAmNw4R/xaRcLzLPFXDwEQV1vHlJA==}
 
-  '@vitest/utils@3.0.2':
-    resolution: {integrity: sha512-Qu01ZYZlgHvDP02JnMBRpX43nRaZtNpIzw3C1clDXmn8eakgX6iQVGzTQ/NjkIr64WD8ioqOjkaYRVvHQI5qiw==}
+  '@vitest/utils@3.0.1':
+    resolution: {integrity: sha512-i+Gm61rfIeSitPUsu4ZcWqucfb18ShAanRpOG6KlXfd1j6JVK5XxO2Z6lEmfjMnAQRIvvLtJ3JByzDTv347e8w==}
 
   '@volar/language-core@2.4.11':
     resolution: {integrity: sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==}
@@ -2947,8 +2947,8 @@ packages:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001695:
-    resolution: {integrity: sha512-vHyLade6wTgI2u1ec3WQBxv+2BrTERV28UXQu9LO6lZ9pYeMk34vjXFLOxo1A4UBA8XTL4njRQZdno/yYaSmWw==}
+  caniuse-lite@1.0.30001692:
+    resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==}
 
   capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
@@ -6253,8 +6253,8 @@ packages:
     engines: {node: '>=v14.18.0'}
     hasBin: true
 
-  vite-node@3.0.2:
-    resolution: {integrity: sha512-hsEQerBAHvVAbv40m3TFQe/lTEbOp7yDpyqMJqr2Tnd+W58+DEYOt+fluQgekOePcsNBmR77lpVAnIU2Xu4SvQ==}
+  vite-node@3.0.1:
+    resolution: {integrity: sha512-PoH9mCNsSZQXl3gdymM5IE4WR0k0WbnFd89nAyyDvltF2jVGdFcI8vpB1PBdKTcjAR7kkYiHSlIO68X/UT8Q1A==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
@@ -6373,15 +6373,15 @@ packages:
       yaml:
         optional: true
 
-  vitest@3.0.2:
-    resolution: {integrity: sha512-5bzaHakQ0hmVVKLhfh/jXf6oETDBtgPo8tQCHYB+wftNgFJ+Hah67IsWc8ivx4vFL025Ow8UiuTf4W57z4izvQ==}
+  vitest@3.0.1:
+    resolution: {integrity: sha512-SWKoSAkxtFHqt8biR3eN53dzmeWkigEpyipqfblcsoAghVvoFMpxQEj0gc7AajMi6Ra49fjcTN6v4AxklmS4aQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.0.2
-      '@vitest/ui': 3.0.2
+      '@vitest/browser': 3.0.1
+      '@vitest/ui': 3.0.1
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -8978,43 +8978,43 @@ snapshots:
       vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
       vue: 3.5.13(typescript@5.7.3)
 
-  '@vitest/expect@3.0.2':
+  '@vitest/expect@3.0.1':
     dependencies:
-      '@vitest/spy': 3.0.2
-      '@vitest/utils': 3.0.2
+      '@vitest/spy': 3.0.1
+      '@vitest/utils': 3.0.1
       chai: 5.1.2
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.2(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
+  '@vitest/mocker@3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))':
     dependencies:
-      '@vitest/spy': 3.0.2
+      '@vitest/spy': 3.0.1
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
       vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
 
-  '@vitest/pretty-format@3.0.2':
+  '@vitest/pretty-format@3.0.1':
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/runner@3.0.2':
+  '@vitest/runner@3.0.1':
     dependencies:
-      '@vitest/utils': 3.0.2
+      '@vitest/utils': 3.0.1
       pathe: 2.0.1
 
-  '@vitest/snapshot@3.0.2':
+  '@vitest/snapshot@3.0.1':
     dependencies:
-      '@vitest/pretty-format': 3.0.2
+      '@vitest/pretty-format': 3.0.1
       magic-string: 0.30.17
       pathe: 2.0.1
 
-  '@vitest/spy@3.0.2':
+  '@vitest/spy@3.0.1':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/utils@3.0.2':
+  '@vitest/utils@3.0.1':
     dependencies:
-      '@vitest/pretty-format': 3.0.2
+      '@vitest/pretty-format': 3.0.1
       loupe: 3.1.2
       tinyrainbow: 2.0.0
 
@@ -9081,7 +9081,7 @@ snapshots:
       '@vue/compiler-ssr': 3.5.13
       '@vue/shared': 3.5.13
       estree-walker: 2.0.2
-      magic-string: 0.30.17
+      magic-string: 0.30.14
       postcss: 8.5.1
       source-map-js: 1.2.1
 
@@ -9349,7 +9349,7 @@ snapshots:
   autoprefixer@10.4.20(postcss@8.5.1):
     dependencies:
       browserslist: 4.24.4
-      caniuse-lite: 1.0.30001695
+      caniuse-lite: 1.0.30001692
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.1
@@ -9450,7 +9450,7 @@ snapshots:
 
   browserslist@4.24.4:
     dependencies:
-      caniuse-lite: 1.0.30001695
+      caniuse-lite: 1.0.30001692
       electron-to-chromium: 1.5.73
       node-releases: 2.0.19
       update-browserslist-db: 1.1.1(browserslist@4.24.4)
@@ -9513,7 +9513,7 @@ snapshots:
 
   camelcase@5.3.1: {}
 
-  caniuse-lite@1.0.30001695: {}
+  caniuse-lite@1.0.30001692: {}
 
   capital-case@1.0.4:
     dependencies:
@@ -13148,7 +13148,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@3.0.2(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
+  vite-node@3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0(supports-color@8.1.1)
@@ -13266,15 +13266,15 @@ snapshots:
       terser: 5.31.6
       yaml: 2.5.0
 
-  vitest@3.0.2(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
+  vitest@3.0.1(@types/node@22.10.7)(happy-dom@16.6.0)(jiti@1.21.6)(jsdom@20.0.3)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0):
     dependencies:
-      '@vitest/expect': 3.0.2
-      '@vitest/mocker': 3.0.2(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
-      '@vitest/pretty-format': 3.0.2
-      '@vitest/runner': 3.0.2
-      '@vitest/snapshot': 3.0.2
-      '@vitest/spy': 3.0.2
-      '@vitest/utils': 3.0.2
+      '@vitest/expect': 3.0.1
+      '@vitest/mocker': 3.0.1(vite@6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0))
+      '@vitest/pretty-format': 3.0.1
+      '@vitest/runner': 3.0.1
+      '@vitest/snapshot': 3.0.1
+      '@vitest/spy': 3.0.1
+      '@vitest/utils': 3.0.1
       chai: 5.1.2
       debug: 4.4.0(supports-color@8.1.1)
       expect-type: 1.1.0
@@ -13286,7 +13286,7 @@ snapshots:
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
       vite: 6.0.7(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
-      vite-node: 3.0.2(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
+      vite-node: 3.0.1(@types/node@22.10.7)(jiti@1.21.6)(sass-embedded@1.83.4)(sass@1.80.6)(terser@5.31.6)(yaml@2.5.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.10.7

frontend/src/components/misc/NoAuthWrapper.vue

@@ -63,7 +63,7 @@ const motd = computed(() => configStore.motd)
 
 const route = useRoute()
 const {t} = useI18n({useScope: 'global'})
-const title = computed(() => route.meta?.title ? t(route.meta.title as string) : '')
+const title = computed(() => t(route.meta?.title as string || ''))
 useTitle(() => title.value)
 
 </script>

frontend/src/components/project/ProjectWrapper.vue

@@ -1,10 +1,7 @@
 <template>
 	<div
+		:class="{ 'is-loading': projectService.loading, 'is-archived': currentProject?.isArchived}"
 		class="loader-container"
-		:class="{
-			'is-loading': isLoadingProject,
-			'is-archived': currentProject?.isArchived,
-		}"
 	>
 		<h1 class="project-title-print">
 			{{ getProjectTitle(currentProject) }}
@@ -40,37 +37,43 @@
 			</Message>
 		</CustomTransition>
 
-		<slot v-if="!isLoadingProject" />
+		<slot v-if="loadedProjectId" />
 	</div>
 </template>
 
 <script setup lang="ts">
-import {computed} from 'vue'
-import {useI18n} from 'vue-i18n'
+import {computed, ref, watch} from 'vue'
+import {useRoute} from 'vue-router'
 
 import BaseButton from '@/components/base/BaseButton.vue'
 import Message from '@/components/misc/Message.vue'
 import CustomTransition from '@/components/misc/CustomTransition.vue'
 
+import ProjectModel from '@/models/project'
+import ProjectService from '@/services/project'
+
 import {getProjectTitle} from '@/helpers/getProjectTitle'
+import {saveProjectToHistory} from '@/modules/projectHistory'
 import {useTitle} from '@/composables/useTitle'
 
 import {useBaseStore} from '@/stores/base'
 import {useProjectStore} from '@/stores/projects'
-
 import type {IProject} from '@/modelTypes/IProject'
 import type {IProjectView} from '@/modelTypes/IProjectView'
+import {useI18n} from 'vue-i18n'
 
 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()
 
+const route = useRoute()
 const {t} = useI18n()
 
 const baseStore = useBaseStore()
 const projectStore = useProjectStore()
+const projectService = ref(new ProjectService())
+const loadedProjectId = ref(0)
 
 const currentProject = computed<IProject>(() => {
 	return typeof baseStore.currentProject === 'undefined' ? {
@@ -84,6 +87,61 @@ useTitle(() => currentProject.value?.id ? getProjectTitle(currentProject.value)
 
 const views = computed(() => projectStore.projects[props.projectId]?.views)
 
+// watchEffect would be called every time the prop would get a value assigned, even if that value was the same as before.
+// This resulted in loading and setting the project multiple times, even when navigating away from it.
+// This caused wired bugs where the project background would be set on the home page but only right after setting a new 
+// project background and then navigating to home. It also highlighted the project in the menu and didn't allow changing any
+// of it, most likely due to the rights not being properly populated.
+watch(
+	() => props.projectId,
+	// loadProject
+	async (projectIdToLoad: number) => {
+		const projectData = {id: projectIdToLoad}
+		saveProjectToHistory(projectData)
+
+		// Don't load the project if we either already loaded it or aren't dealing with a project at all currently and
+		// the currently loaded project has the right set.
+		if (
+			(
+				projectIdToLoad === loadedProjectId.value ||
+				typeof projectIdToLoad === 'undefined' ||
+				projectIdToLoad === currentProject.value?.id
+			)
+			&& typeof currentProject.value !== 'undefined' && currentProject.value.maxRight !== null
+		) {
+			loadedProjectId.value = projectIdToLoad
+			return
+		}
+
+		console.debug('Loading project, $route.params =', route.params, `, loadedProjectId = ${loadedProjectId.value}, currentProject = `, currentProject.value)
+
+		// Set the current project to the one we're about to load so that the title is already shown at the top
+		loadedProjectId.value = 0
+		const projectFromStore = projectStore.projects[projectData.id]
+		if (projectFromStore) {
+			baseStore.handleSetCurrentProject({project: projectFromStore, currentProjectViewId: props.viewId})
+		}
+
+		// We create an extra project object instead of creating it in project.value because that would trigger a ui update which would result in bad ux.
+		const project = new ProjectModel(projectData)
+		try {
+			const loadedProject = await projectService.value.get(project)
+			baseStore.handleSetCurrentProject({project: loadedProject, currentProjectViewId: props.viewId})
+		} finally {
+			loadedProjectId.value = projectIdToLoad
+		}
+	},
+	{immediate: true},
+)
+
+watch(
+	() => props.viewId,
+	() => {
+		baseStore.setCurrentProjectViewId(props.viewId)
+	},
+	{immediate: true},
+)
+
 function getViewTitle(view: IProjectView) {
 	switch (view.title) {
 		case 'List':

frontend/src/components/project/views/ProjectGantt.vue

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-gantt"
-		:is-loading-project="isLoadingProject"
 		:project-id="filters.projectId"
 		:view-id
 	>
@@ -96,7 +95,6 @@ import type {IProjectView} from '@/modelTypes/IProjectView'
 type Options = Flatpickr.Options.Options
 
 const props = defineProps<{
-	isLoadingProject: boolean,
 	route: RouteLocationNormalized
 	viewId: IProjectView['id']
 }>()

frontend/src/components/project/views/ProjectKanban.vue

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-kanban"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -316,7 +315,6 @@ import TaskBucketService from '@/services/taskBucket'
 import TaskBucketModel from '@/models/taskBucket'
 
 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: number,
 	viewId: IProjectView['id'],
 }>()

frontend/src/components/project/views/ProjectList.vue

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-list"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -124,7 +123,6 @@ import TaskPositionService from '@/services/taskPosition'
 import TaskPositionModel from '@/models/taskPosition'
 
 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()

frontend/src/components/project/views/ProjectTable.vue

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-table"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -299,7 +298,6 @@ import { camelCase } from 'change-case'
 import {isSavedFilter} from '@/services/savedFilter'
 
 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()

frontend/src/composables/useTitle.ts

@@ -1,6 +1,6 @@
-import {computed, toValue} from 'vue'
+import {computed} from 'vue'
 
-import {useTitle as useTitleVueUse, type UseTitleOptions, type ReadonlyRefOrGetter, type MaybeRef, type MaybeRefOrGetter} from '@vueuse/core'
+import {useTitle as useTitleVueUse, toValue, type UseTitleOptions, type ReadonlyRefOrGetter, type MaybeRef, type MaybeRefOrGetter} from '@vueuse/core'
 
 export function useTitle(
 	newTitle:

frontend/src/i18n/lang/no-NO.json

@@ -1124,7 +1124,7 @@
     }
   },
   "date": {
-    "locale": "nn",
+    "locale": "nb_NO",
     "altFormatLong": "d.m.y H:i",
     "altFormatShort": "d.m.y"
   },

frontend/src/router/index.ts

@@ -10,65 +10,10 @@ import {LINK_SHARE_HASH_PREFIX} from '@/constants/linkShareHash'
 import {useAuthStore} from '@/stores/auth'
 import {useBaseStore} from '@/stores/base'
 
-import HomeComponent from '@/views/Home.vue'
+import Register from '@/views/user/Register.vue'
+import LinkSharingAuth from '@/views/sharing/LinkSharingAuth.vue'
+
 import NotFoundComponent from '@/views/404.vue'
-const About = () => import('@/views/About.vue')
-// User Handling
-import LoginComponent from '@/views/user/Login.vue'
-import RegisterComponent from '@/views/user/Register.vue'
-import OpenIdAuth from '@/views/user/OpenIdAuth.vue'
-const DataExportDownload = () => import('@/views/user/DataExportDownload.vue')
-// Tasks
-import UpcomingTasksComponent from '@/views/tasks/ShowTasks.vue'
-import LinkShareAuthComponent from '@/views/sharing/LinkSharingAuth.vue'
-const TaskDetailView = () => import('@/views/tasks/TaskDetailView.vue')
-
-// Team Handling
-const ListTeamsComponent = () => import('@/views/teams/ListTeams.vue')
-// Label Handling
-const ListLabelsComponent = () => import('@/views/labels/ListLabels.vue')
-const NewLabelComponent = () => import('@/views/labels/NewLabel.vue')
-// Migration
-const MigrationComponent = () => import('@/views/migrate/Migration.vue')
-const MigrationHandlerComponent = () => import('@/views/migrate/MigrationHandler.vue')
-// Project View
-import ProjectView from '@/views/project/ProjectView.vue'
-const ProjectInfo = () => import('@/views/project/ProjectInfo.vue')
-
-// Project Settings
-const ListProjects = () => import('@/views/project/ListProjects.vue')
-const ProjectSettingEdit = () => import('@/views/project/settings/ProjectSettingsEdit.vue')
-const ProjectSettingBackground = () => import('@/views/project/settings/ProjectSettingsBackground.vue')
-const ProjectSettingDuplicate = () => import('@/views/project/settings/ProjectSettingsDuplicate.vue')
-const ProjectSettingShare = () => import('@/views/project/settings/ProjectSettingsShare.vue')
-const ProjectSettingWebhooks = () => import('@/views/project/settings/ProjectSettingsWebhooks.vue')
-const ProjectSettingDelete = () => import('@/views/project/settings/ProjectSettingsDelete.vue')
-const ProjectSettingArchive = () => import('@/views/project/settings/ProjectSettingsArchive.vue')
-const ProjectSettingViews = () =>  import('@/views/project/settings/ProjectSettingsViews.vue')
-
-// Saved Filters
-const FilterNew = () => import('@/views/filters/FilterNew.vue')
-const FilterEdit = () => import('@/views/filters/FilterEdit.vue')
-const FilterDelete = () => import('@/views/filters/FilterDelete.vue')
-
-const PasswordResetComponent = () => import('@/views/user/PasswordReset.vue')
-const GetPasswordResetComponent = () => import('@/views/user/RequestPasswordReset.vue')
-const UserSettingsComponent = () => import('@/views/user/Settings.vue')
-const UserSettingsAvatarComponent = () => import('@/views/user/settings/Avatar.vue')
-const UserSettingsCaldavComponent = () => import('@/views/user/settings/Caldav.vue')
-const UserSettingsDataExportComponent = () => import('@/views/user/settings/DataExport.vue')
-const UserSettingsDeletionComponent = () => import('@/views/user/settings/Deletion.vue')
-const UserSettingsEmailUpdateComponent = () => import('@/views/user/settings/EmailUpdate.vue')
-const UserSettingsGeneralComponent = () => import('@/views/user/settings/General.vue')
-const UserSettingsPasswordUpdateComponent = () => import('@/views/user/settings/PasswordUpdate.vue')
-const UserSettingsTOTPComponent = () => import('@/views/user/settings/TOTP.vue')
-const UserSettingsApiTokensComponent = () => import('@/views/user/settings/ApiTokens.vue')
-
-// Project Handling
-const NewProjectComponent = () => import('@/views/project/NewProject.vue')
-
-const EditTeamComponent = () => import('@/views/teams/EditTeam.vue')
-const NewTeamComponent = () =>  import('@/views/teams/NewTeam.vue')
 
 const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
@@ -90,7 +35,7 @@ const router = createRouter({
 		{
 			path: '/',
 			name: 'home',
-			component: HomeComponent,
+			component: () => import('@/views/Home.vue'),
 		},
 		{
 			path: '/:pathMatch(.*)*',
@@ -106,7 +51,7 @@ const router = createRouter({
 		{
 			path: '/login',
 			name: 'user.login',
-			component: LoginComponent,
+			component: () => import('@/views/user/Login.vue'),
 			meta: {
 				title: 'user.auth.login',
 			},
@@ -114,7 +59,7 @@ const router = createRouter({
 		{
 			path: '/get-password-reset',
 			name: 'user.password-reset.request',
-			component: GetPasswordResetComponent,
+			component: () => import('@/views/user/RequestPasswordReset.vue'),
 			meta: {
 				title: 'user.auth.resetPassword',
 			},
@@ -122,7 +67,7 @@ const router = createRouter({
 		{
 			path: '/password-reset',
 			name: 'user.password-reset.reset',
-			component: PasswordResetComponent,
+			component: () => import('@/views/user/PasswordReset.vue'),
 			meta: {
 				title: 'user.auth.resetPassword',
 			},
@@ -130,7 +75,9 @@ const router = createRouter({
 		{
 			path: '/register',
 			name: 'user.register',
-			component: RegisterComponent,
+			// FIXME: use dynamic imports
+			// component: () => import('@/views/user/Register.vue'),
+			component: Register,
 			meta: {
 				title: 'user.auth.createAccount',
 			},
@@ -138,63 +85,63 @@ const router = createRouter({
 		{
 			path: '/user/settings',
 			name: 'user.settings',
-			component: UserSettingsComponent,
+			component: () => import('@/views/user/Settings.vue'),
 			redirect: {name: 'user.settings.general'},
 			children: [
 				{
 					path: '/user/settings/avatar',
 					name: 'user.settings.avatar',
-					component: UserSettingsAvatarComponent,
+					component: () => import('@/views/user/settings/Avatar.vue'),
 				},
 				{
 					path: '/user/settings/caldav',
 					name: 'user.settings.caldav',
-					component: UserSettingsCaldavComponent,
+					component: () => import('@/views/user/settings/Caldav.vue'),
 				},
 				{
 					path: '/user/settings/data-export',
 					name: 'user.settings.data-export',
-					component: UserSettingsDataExportComponent,
+					component: () => import('@/views/user/settings/DataExport.vue'),
 				},
 				{
 					path: '/user/settings/deletion',
 					name: 'user.settings.deletion',
-					component: UserSettingsDeletionComponent,
+					component: () => import('@/views/user/settings/Deletion.vue'),
 				},
 				{
 					path: '/user/settings/email-update',
 					name: 'user.settings.email-update',
-					component: UserSettingsEmailUpdateComponent,
+					component: () => import('@/views/user/settings/EmailUpdate.vue'),
 				},
 				{
 					path: '/user/settings/general',
 					name: 'user.settings.general',
-					component: UserSettingsGeneralComponent,
+					component: () => import('@/views/user/settings/General.vue'),
 				},
 				{
 					path: '/user/settings/password-update',
 					name: 'user.settings.password-update',
-					component: UserSettingsPasswordUpdateComponent,
+					component: () => import('@/views/user/settings/PasswordUpdate.vue'),
 				},
 				{
 					path: '/user/settings/totp',
 					name: 'user.settings.totp',
-					component: UserSettingsTOTPComponent,
+					component: () => import('@/views/user/settings/TOTP.vue'),
 				},
 				{
 					path: '/user/settings/api-tokens',
 					name: 'user.settings.apiTokens',
-					component: UserSettingsApiTokensComponent,
+					component: () => import('@/views/user/settings/ApiTokens.vue'),
 				},
 				{
 					path: '/user/settings/migrate',
 					name: 'migrate.start',
-					component: MigrationComponent,
+					component: () => import('@/views/migrate/Migration.vue'),
 				},
 				{
 					path: '/migrate/:service',
 					name: 'migrate.service',
-					component: MigrationHandlerComponent,
+					component: () => import('@/views/migrate/MigrationHandler.vue'),
 					props: route => ({
 						service: route.params.service as string,
 						code: route.query.code as string,
@@ -205,23 +152,25 @@ const router = createRouter({
 		{
 			path: '/user/export/download',
 			name: 'user.export.download',
-			component: DataExportDownload,
+			component: () => import('@/views/user/DataExportDownload.vue'),
 		},
 		{
 			path: '/share/:share/auth',
 			name: 'link-share.auth',
-			component: LinkShareAuthComponent,
+			// FIXME: use dynamic imports
+			// component: () => import('@/views/sharing/LinkSharingAuth.vue'),
+			component: LinkSharingAuth,
 		},
 		{
 			path: '/tasks/:id',
 			name: 'task.detail',
-			component: TaskDetailView,
+			component: () => import('@/views/tasks/TaskDetailView.vue'),
 			props: route => ({ taskId: Number(route.params.id as string) }),
 		},
 		{
 			path: '/tasks/by/upcoming',
 			name: 'tasks.range',
-			component: UpcomingTasksComponent,
+			component: () => import('@/views/tasks/ShowTasks.vue'),
 			props: route => ({
 				dateFrom: parseDateOrString(route.query.from as string, new Date()),
 				dateTo: parseDateOrString(route.query.to as string, getNextWeekDate()),
@@ -245,12 +194,12 @@ const router = createRouter({
 		{
 			path: '/projects',
 			name: 'projects.index',
-			component: ListProjects,
+			component: () => import('@/views/project/ListProjects.vue'),
 		},
 		{
 			path: '/projects/new',
 			name: 'project.create',
-			component: NewProjectComponent,
+			component: () => import('@/views/project/NewProject.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -258,7 +207,7 @@ const router = createRouter({
 		{
 			path: '/projects/:parentProjectId/new',
 			name: 'project.createFromParent',
-			component: NewProjectComponent,
+			component: () => import('@/views/project/NewProject.vue'),
 			props: route => ({ parentProjectId: Number(route.params.parentProjectId as string) }),
 			meta: {
 				showAsModal: true,
@@ -267,7 +216,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/edit',
 			name: 'project.settings.edit',
-			component: ProjectSettingEdit,
+			component: () => import('@/views/project/settings/ProjectSettingsEdit.vue'),
 			props: route => ({ projectId: Number(route.params.projectId as string) }),
 			meta: {
 				showAsModal: true,
@@ -276,7 +225,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/background',
 			name: 'project.settings.background',
-			component: ProjectSettingBackground,
+			component: () => import('@/views/project/settings/ProjectSettingsBackground.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -284,7 +233,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/duplicate',
 			name: 'project.settings.duplicate',
-			component: ProjectSettingDuplicate,
+			component: () => import('@/views/project/settings/ProjectSettingsDuplicate.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -292,7 +241,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/share',
 			name: 'project.settings.share',
-			component: ProjectSettingShare,
+			component: () => import('@/views/project/settings/ProjectSettingsShare.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -300,7 +249,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/webhooks',
 			name: 'project.settings.webhooks',
-			component: ProjectSettingWebhooks,
+			component: () => import('@/views/project/settings/ProjectSettingsWebhooks.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -308,7 +257,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/delete',
 			name: 'project.settings.delete',
-			component: ProjectSettingDelete,
+			component: () => import('@/views/project/settings/ProjectSettingsDelete.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -316,7 +265,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/archive',
 			name: 'project.settings.archive',
-			component: ProjectSettingArchive,
+			component: () => import('@/views/project/settings/ProjectSettingsArchive.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -324,7 +273,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/views',
 			name: 'project.settings.views',
-			component: ProjectSettingViews,
+			component: () =>  import('@/views/project/settings/ProjectSettingsViews.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -333,7 +282,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/edit',
 			name: 'filter.settings.edit',
-			component: FilterEdit,
+			component: () => import('@/views/filters/FilterEdit.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -342,7 +291,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/settings/delete',
 			name: 'filter.settings.delete',
-			component: FilterDelete,
+			component: () => import('@/views/filters/FilterDelete.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -351,7 +300,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/info',
 			name: 'project.info',
-			component: ProjectInfo,
+			component: () => import('@/views/project/ProjectInfo.vue')			,
 			meta: {
 				showAsModal: true,
 			},
@@ -379,7 +328,7 @@ const router = createRouter({
 		{
 			path: '/projects/:projectId/:viewId',
 			name: 'project.view',
-			component: ProjectView,
+			component: () => import('@/views/project/ProjectView.vue'),
 			props: route => ({ 
 				projectId: parseInt(route.params.projectId as string),
 				viewId: route.params.viewId ? parseInt(route.params.viewId as string): undefined,
@@ -388,12 +337,12 @@ const router = createRouter({
 		{
 			path: '/teams',
 			name: 'teams.index',
-			component: ListTeamsComponent,
+			component: () => import('@/views/teams/ListTeams.vue'),
 		},
 		{
 			path: '/teams/new',
 			name: 'teams.create',
-			component: NewTeamComponent,
+			component: () =>  import('@/views/teams/NewTeam.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -401,17 +350,17 @@ const router = createRouter({
 		{
 			path: '/teams/:id/edit',
 			name: 'teams.edit',
-			component: EditTeamComponent,
+			component: () => import('@/views/teams/EditTeam.vue'),
 		},
 		{
 			path: '/labels',
 			name: 'labels.index',
-			component: ListLabelsComponent,
+			component: () => import('@/views/labels/ListLabels.vue'),
 		},
 		{
 			path: '/labels/new',
 			name: 'labels.create',
-			component: NewLabelComponent,
+			component: () => import('@/views/labels/NewLabel.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -419,7 +368,7 @@ const router = createRouter({
 		{
 			path: '/filters/new',
 			name: 'filters.create',
-			component: FilterNew,
+			component: () => import('@/views/filters/FilterNew.vue'),
 			meta: {
 				showAsModal: true,
 			},
@@ -427,12 +376,12 @@ const router = createRouter({
 		{
 			path: '/auth/openid/:provider',
 			name: 'openid.auth',
-			component: OpenIdAuth,
+			component: () => import('@/views/user/OpenIdAuth.vue'),
 		},
 		{
 			path: '/about',
 			name: 'about',
-			component: About,
+			component: () => import('@/views/About.vue'),
 		},
 	],
 })

frontend/src/views/project/ProjectView.vue

@@ -1,21 +1,15 @@
 <script setup lang="ts">
-import {computed, ref, shallowReactive, watch, watchEffect} from 'vue'
-import {useRoute, useRouter} from 'vue-router'
-
-import {useBaseStore} from '@/stores/base'
+import {computed, watch} from 'vue'
 import {useProjectStore} from '@/stores/projects'
-import {useAuthStore} from '@/stores/auth'
-
+import {useRoute, useRouter} from 'vue-router'
 import {saveProjectView} from '@/helpers/projectView'
-import ProjectService from '@/services/project'
 
 import ProjectList from '@/components/project/views/ProjectList.vue'
 import ProjectGantt from '@/components/project/views/ProjectGantt.vue'
 import ProjectTable from '@/components/project/views/ProjectTable.vue'
 import ProjectKanban from '@/components/project/views/ProjectKanban.vue'
-
+import {useAuthStore} from '@/stores/auth'
 import {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'
-import {saveProjectToHistory} from '@/modules/projectHistory'
 
 const props = defineProps<{
 	projectId: number,
@@ -23,10 +17,8 @@ const props = defineProps<{
 }>()
 
 const router = useRouter()
-const baseStore = useBaseStore()
 const projectStore = useProjectStore()
 const authStore = useAuthStore()
-const route = useRoute()
 
 const currentProject = computed(() => projectStore.projects[props.projectId])
 
@@ -34,68 +26,19 @@ const currentView = computed(() => {
 	return currentProject.value?.views.find(v => v.id === props.viewId)
 })
 
-const projectService = shallowReactive(new ProjectService())
-const isLoadingProject = computed(() => projectService.loading)
-const loadedProjectId = ref(0)
-
-watch(
-	() => props.projectId,
-	// loadProject
-	async (projectIdToLoad, oldProjectIdToLoad) => {
-
-		console.debug('Loading project, $route.params =', route.params, `, loadedProjectId = ${loadedProjectId.value}, currentProject = `, currentProject.value)
-
-
-		if (projectIdToLoad !== oldProjectIdToLoad) {
-			loadedProjectId.value = 0
-		}
-
-		try {
-			const loadedProject = await projectService.get({id: projectIdToLoad})
-
-			// Here, we only set the new project in the projectStore.
-			// Setting that projet as the current one in the baseStore is handled by the watcher below.
-			projectStore.setProject(loadedProject)
-		} finally {
-			loadedProjectId.value = projectIdToLoad
-		}
-	},
-	{immediate: true},
-)
-
-watch(
-	() => [currentProject.value, props.viewId],
-	([newCurrentProject, newViewId]) => {
-		if (!newCurrentProject) {
-			baseStore.handleSetCurrentProject({project: null})
-			return
-		}
-		
-		baseStore.handleSetCurrentProject({
-			project: newCurrentProject,
-			currentProjectViewId: newViewId,
-		})
-	}, {
-		deep: true,
-		immediate: true,
-	},
-)
-
 function redirectToDefaultViewIfNecessary() {
-	if (props.viewId === 0 || !currentView.value) {
+	if (props.viewId === 0 || !projectStore.projects[props.projectId]?.views.find(v => v.id === props.viewId)) {
 		// Ideally, we would do that in the router redirect, but the projects (and therefore, the views) 
 		// are not always loaded then.
 
-		const defaultView  = authStore.settings.frontendSettings.defaultView
-
 		let view
-		if (defaultView !== DEFAULT_PROJECT_VIEW_SETTINGS.FIRST) {
-			view = currentProject.value?.views.find(v => v.viewKind === defaultView)
+		if (authStore.settings.frontendSettings.defaultView !== DEFAULT_PROJECT_VIEW_SETTINGS.FIRST) {
+			view = projectStore.projects[props.projectId]?.views.find(v => v.viewKind === authStore.settings.frontendSettings.defaultView)
 		}
 
 		// Use the first view as fallback if the default view is not available
-		if (view === undefined && currentProject.value?.views?.length > 0) {
-			view = currentProject.value?.views[0]
+		if (view === undefined && projectStore.projects[props.projectId]?.views?.length > 0) {
+			view = projectStore.projects[props.projectId]?.views[0]
 		}
 
 		if (view) {
@@ -117,39 +60,39 @@ watch(
 )
 
 watch(
-	currentProject,
+	() => projectStore.projects[props.projectId],
 	redirectToDefaultViewIfNecessary,
 )
 
-watchEffect(() => saveProjectToHistory({id: props.projectId}))
-watchEffect(() => saveProjectView(props.projectId, props.viewId))
+// using a watcher instead of beforeEnter because beforeEnter is not called when only the viewId changes
+watch(
+	() => [props.projectId, props.viewId],
+	() => saveProjectView(props.projectId, props.viewId),
+	{immediate: true},
+)
 
-watchEffect(() => baseStore.setCurrentProjectViewId(props.viewId))
+const route = useRoute()
 </script>
 
 <template>
 	<ProjectList
 		v-if="currentView?.viewKind === 'list'"
 		:project-id="projectId"
-		:is-loading-project="isLoadingProject"
 		:view-id
 	/>
 	<ProjectGantt
 		v-if="currentView?.viewKind === 'gantt'"
 		:route
-		:is-loading-project="isLoadingProject"
 		:view-id
 	/>
 	<ProjectTable
 		v-if="currentView?.viewKind === 'table'"
 		:project-id="projectId"
-		:is-loading-project="isLoadingProject"
 		:view-id
 	/>
 	<ProjectKanban
 		v-if="currentView?.viewKind === 'kanban'"
 		:project-id="projectId"
-		:is-loading-project="isLoadingProject"
 		:view-id
 	/>
 </template>

frontend/tsconfig.config.json

@@ -3,12 +3,7 @@
     "@tsconfig/node22/tsconfig.json",
     "@vue/tsconfig/tsconfig.json"
   ],
-  "include": [
-    "env.config.d.ts",
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*"
-  ],
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
   "compilerOptions": {
     "composite": true,
     "noEmit": true,

frontend/vite.config.ts

@@ -184,7 +184,7 @@ export default defineConfig(({mode}) => {
 				},
 			}),
 			vueDevTools({
-				launchEditor: env.VUE_DEVTOOLS_LAUNCH_EDITOR || 'code',
+				launchEditor: env.VUE_DEVTOOLS_LAUNCH_EDITOR || 'code'
 			}),
 			viteSentry(getSentryConfig(env)),
 		],

go.mod

@@ -67,7 +67,7 @@ require (
 	github.com/tkuchiki/go-timezone v0.2.3
 	github.com/typesense/typesense-go/v2 v2.0.0
 	github.com/ulule/limiter/v3 v3.11.2
-	github.com/wneessen/go-mail v0.6.1
+	github.com/wneessen/go-mail v0.6.0
 	github.com/yuin/goldmark v1.7.8
 	golang.org/x/crypto v0.32.0
 	golang.org/x/image v0.23.0

go.sum

@@ -1377,8 +1377,6 @@ github.com/wneessen/go-mail v0.5.2 h1:MZKwgHJoRboLJ+EHMLuHpZc95wo+u1xViL/4XSswDT
 github.com/wneessen/go-mail v0.5.2/go.mod h1:kRroJvEq2hOSEPFRiKjN7Csrz0G1w+RpiGR3b6yo+Ck=
 github.com/wneessen/go-mail v0.6.0 h1:wO7EeJ8RL6DD+aycFGntil6b11g3FNQpQQQC1gkm97Y=
 github.com/wneessen/go-mail v0.6.0/go.mod h1:G702XlFhzHV0Z4w9j2VsH5K9dJDvj0hx+yOOp1oX9vc=
-github.com/wneessen/go-mail v0.6.1 h1:cDGqlGuEEhdILRe53VFzmM9WBk8Xh/QMvbO0oxrNJB4=
-github.com/wneessen/go-mail v0.6.1/go.mod h1:G702XlFhzHV0Z4w9j2VsH5K9dJDvj0hx+yOOp1oX9vc=
 github.com/xdg-go/pbkdf2 v1.0.0/go.mod h1:jrpuAogTd400dnrH08LKmI/xc1MbPOebTwRqcT5RDeI=
 github.com/xdg-go/scram v1.1.1/go.mod h1:RaEWvsqvNKKvBPvcKeFjrG2cJqOkHTiyTpzz23ni57g=
 github.com/xdg-go/stringprep v1.0.3/go.mod h1:W3f5j4i+9rC0kuIEJL0ky1VpHXQU3ocBgklLGvcBnW8=