Add logger utility and integrate it into TaskItemTeacher component

config/webpack/webpack.common.js

@@ -185,6 +185,7 @@ module.exports = {
 			"@util-input-masks": getDir("src/modules/util/input-masks"),
 			"@util-device-detection": getDir("src/modules/util/device-detection"),
 			"@util-error-notification": getDir("src/modules/util/error-notification"),
+			"@util-logger": getDir("src/modules/util/logger"),
 			"@page-board": getDir("src/modules/page/board"),
 			"@page-class-members": getDir("src/modules/page/class-members"),
 			"@page-media-shelf": getDir("src/modules/page/media-shelf"),

src/components/molecules/TaskItemTeacher.unit.ts

@@ -13,6 +13,7 @@ import { mount } from "@vue/test-utils";
 import { VBtn, VHover, VListItem } from "vuetify/lib/components/index.mjs";
 import TaskItemMenu from "./TaskItemMenu.vue";
 import TaskItemTeacher from "./TaskItemTeacher.vue";
+import { Logger } from "@util-logger";
 
 const {
 	tasksTeacher,
@@ -356,8 +357,8 @@ describe("@/components/molecules/TaskItemTeacher", () => {
 				await menuBtn.trigger("click");
 
 				const hover = wrapper.findComponent(VHover);
-				// console.log only with custom logger
-				console.log(hover.vm.$props);
+
+				Logger.log(hover.vm.$props);
 
 				expect(
 					wrapper.findComponent(`[data-testid="task-edit"]`).isVisible()

src/modules/util/logger/index.ts

@@ -0,0 +1,3 @@
+import Logger from "./logger";
+
+export { Logger };

src/modules/util/logger/logger.ts

@@ -0,0 +1,12 @@
+/* eslint-disable no-console */
+class Logger {
+	static log(...message: unknown[]) {
+		console.log(...message);
+	}
+
+	static error(...message: unknown[]) {
+		console.error(message);
+	}
+}
+
+export default Logger;

tsconfig.json

@@ -80,6 +80,7 @@
 			"@util-input-masks": ["src/modules/util/input-masks"],
 			"@util-device-detection": ["src/modules/util/device-detection"],
 			"@util-error-notification": ["src/modules/util/error-notification"],
+			"@util-logger": ["src/modules/util/logger"],
 			"@page-board": ["src/modules/page/board"],
 			"@page-class-members": ["src/modules/page/class-members"],
 			"@page-media-shelf": ["src/modules/page/media-shelf"],