diff --git a/assets/vue/layouts/MyCourses.vue b/assets/vue/layouts/MyCourses.vue
index bc05671303..97164eaf08 100644
--- a/assets/vue/layouts/MyCourses.vue
+++ b/assets/vue/layouts/MyCourses.vue
@@ -19,12 +19,10 @@
 
 <script setup>
 import Button from 'primevue/button';
-import { computed } from 'vue';
-import { useStore } from 'vuex';
 import { useI18n } from 'vue-i18n';
+import { storeToRefs } from "pinia"
+import { useSecurityStore } from "../store/securityStore"
 
-const store = useStore();
 const { t } = useI18n();
-
-const isTeacher = computed(() => store.getters['security/hasRole']('ROLE_TEACHER'));
+const { isTeacher } = storeToRefs(useSecurityStore())
 </script>