diff --git a/client/src/components/competences/CompetenceDetail.vue b/client/src/components/competences/CompetenceDetail.vue
index 46b44553..20812c73 100644
--- a/client/src/components/competences/CompetenceDetail.vue
+++ b/client/src/components/competences/CompetenceDetail.vue
@@ -3,13 +3,20 @@ import PerformanceCriteriaRow from "@/components/competences/PerformanceCriteria
import ItProgress from "@/components/ui/ItProgress.vue";
import { useCompetenceStore } from "@/stores/competence";
import type { CompetencePage } from "@/types";
+import { PerformanceCriteria } from "@/types";
import { ref } from "vue";
const competenceStore = useCompetenceStore();
-const props = defineProps<{
+interface Props {
competence: CompetencePage;
-}>();
+ courseSlug: string;
+ showAssessAgain?: boolean;
+}
+
+const props = withDefaults(defineProps(), {
+ showAssessAgain: true,
+});
const isOpen = ref(false);
@@ -51,6 +58,8 @@ const togglePerformanceCriteria = () => {
diff --git a/client/src/components/competences/PerformanceCriteriaRow.vue b/client/src/components/competences/PerformanceCriteriaRow.vue
index 5e7dc8f4..53c341c2 100644
--- a/client/src/components/competences/PerformanceCriteriaRow.vue
+++ b/client/src/components/competences/PerformanceCriteriaRow.vue
@@ -1,18 +1,17 @@
@@ -47,8 +46,9 @@ const profilePageSlug = route.params["competenceProfilePageSlug"];
{{ $t("competences.assessAgain") }}
diff --git a/client/src/pages/ProfilePage.vue b/client/src/pages/ProfilePage.vue
index dd99506c..50d313c2 100644
--- a/client/src/pages/ProfilePage.vue
+++ b/client/src/pages/ProfilePage.vue
@@ -1,1423 +1,8 @@
@@ -35,7 +39,10 @@ const competenceStore = useCompetenceStore();
:key="competence.id"
class="bg-white p-8 mb-8"
>
-
+
diff --git a/client/src/pages/competence/PerformanceCriteriaPage.vue b/client/src/pages/competence/PerformanceCriteriaPage.vue
index 6dd866c7..81d995ce 100644
--- a/client/src/pages/competence/PerformanceCriteriaPage.vue
+++ b/client/src/pages/competence/PerformanceCriteriaPage.vue
@@ -8,7 +8,11 @@ import type { Ref } from "vue";
import { computed, ref } from "vue";
import { useI18n } from "vue-i18n";
-log.debug("CompetencesMainView created");
+log.debug("PerformanceCriteriaPage created");
+
+const props = defineProps<{
+ courseSlug: string;
+}>();
interface MenuItem {
id: CourseCompletionStatus;
@@ -107,6 +111,7 @@ function updateActiveState(status: CourseCompletionStatus) {
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index 8e7bf86d..d677aba0 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -59,10 +59,12 @@ const router = createRouter({
children: [
{
path: "",
+ props: true,
component: () => import("@/pages/competence/CompetenceIndexPage.vue"),
},
{
path: "competences",
+ props: true,
component: () => import("@/pages/competence/CompetenceListPage.vue"),
},
{
@@ -71,6 +73,7 @@ const router = createRouter({
},
{
path: "criteria/:criteriaSlug",
+ props: true,
component: () =>
import("@/pages/competence/SinglePerformanceCriteriaPage.vue"),
},