Minor - rename components

assets/vue/components/course/CourseToolList.vue

@@ -8,7 +8,7 @@
             <v-icon
                 :icon="tool.tool.icon"
                 size="48px"
-                class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-blue-400 to-green-600"
+                class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-blue-400 to-blue-600"
             />
 <!--          <img-->
 <!--              :alt="tool.tool.name"-->

assets/vue/components/course/ShortCutList.vue

@@ -29,7 +29,7 @@
 import {mapGetters} from "vuex";
 
 export default {
-  name: 'HomeShortCutCard',
+  name: 'ShortCutList',
   props: {
     shortcut: Object,
     goToShortCut: {

assets/vue/views/course/Home.vue

@@ -91,14 +91,15 @@
     <div
         class="grid gap-5 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-6"
     >
-      <HomeCourseCard
+      <CourseToolList
           v-for="tool in tools.authoring"
           :course="course"
           :tool="tool"
           :go-to-course-tool="goToCourseTool"
           :change-visibility="changeVisibility"
       />
-      <HomeCourseCard
+
+      <CourseToolList
           v-for="tool in tools.interaction"
           :course="course"
           :tool="tool"
@@ -106,7 +107,7 @@
           :change-visibility="changeVisibility"
       />
 
-      <HomeShortCutCard
+      <ShortCutList
           v-for="shortcut in shortcuts"
           :shortcut="shortcut"
           :go-to-short-cut="goToShortCut"
@@ -119,8 +120,8 @@
 <script>
 import Loading from '../../components/Loading.vue';
 import Toolbar from '../../components/Toolbar.vue';
-import HomeCourseCard from '../../components/course/HomeCourseCard.vue';
+import CourseToolList from '../../components/course/CourseToolList.vue';
-import HomeShortCutCard from '../../components/course/HomeShortCutCard.vue';
+import ShortCutList from '../../components/course/ShortCutList.vue';
 
 import {useRoute} from 'vue-router'
 import axios from "axios";
@@ -134,8 +135,8 @@ export default {
   components: {
     Loading,
     Toolbar,
-    HomeCourseCard,
+    CourseToolList,
-    HomeShortCutCard
+    ShortCutList
   },
   setup() {
     const state = reactive({