feat: meta tags

frontend/src/components/Annoucements.vue

@@ -55,7 +55,7 @@ const communications = createListResource({
 	cache: ['batch', props.batch],
 })
 </script>
-<style scoped>
+<style>
 .prose-sm p {
 	margin: 0 0 0.5rem;
 }

frontend/src/components/BatchCard.vue

@@ -61,7 +61,7 @@ const props = defineProps({
 	},
 })
 </script>
-<style scoped>
+<style>
 .short-introduction {
 	display: -webkit-box;
 	-webkit-line-clamp: 2;

frontend/src/components/CourseCard.vue

@@ -127,7 +127,7 @@ const props = defineProps({
 	},
 })
 </script>
-<style scoped>
+<style>
 .course-image {
 	height: 168px;
 	width: 100%;

frontend/src/components/CourseOutline.vue

@@ -158,7 +158,7 @@ const getCurrentChapter = () => {
 	return currentChapter.value
 }
 </script>
-<style scoped>
+<style>
 .outline-lesson:has(.router-link-active) {
 	background-color: theme('colors.gray.100');
 }

frontend/src/components/JobCard.vue

@@ -3,6 +3,7 @@
 		<img
 			:src="job.company_logo"
 			class="w-12 h-12 rounded-lg object-contain mr-4"
+			:alt="job.company_name"
 		/>
 		<div>
 			<div class="text-xl font-semibold mb-2">

frontend/src/pages/BatchDetail.vue

@@ -136,7 +136,7 @@ const breadcrumbs = computed(() => {
 	return items
 })
 </script>
-<style scoped>
+<style>
 .batch-description p {
 	margin-bottom: 1rem;
 	line-height: 1.7;

frontend/src/pages/CourseDetail.vue

@@ -144,7 +144,7 @@ const pageMeta = computed(() => {
 
 updateDocumentTitle(pageMeta)
 </script>
-<style scoped>
+<style>
 .course-description p {
 	margin-bottom: 1rem;
 	line-height: 1.7;

frontend/src/pages/CreateLesson.vue

@@ -411,7 +411,7 @@ const breadcrumbs = computed(() => {
 	return crumbs
 })
 </script>
-<style scoped>
+<style>
 .embed-tool__caption {
 	display: none;
 }

frontend/src/pages/JobDetail.vue

@@ -56,6 +56,7 @@
 					<img
 						:src="job.data.company_logo"
 						class="w-16 h-16 rounded-lg object-contain mr-4"
+						:alt="job.data.company_name"
 					/>
 					<div>
 						<div class="text-2xl font-semibold mb-2">

frontend/src/pages/Lesson.vue

@@ -339,7 +339,7 @@ const allowInstructorContent = () => {
 	return false
 }
 </script>
-<style scoped>
+<style>
 .avatar-group {
 	display: inline-flex;
 	align-items: center;

frontend/src/pages/Statistics.vue

@@ -6,7 +6,7 @@
 			<Breadcrumbs class="h-7" :items="breadcrumbs" />
 		</header>
 		<div v-if="chartDetails.data" class="p-5">
-			<div class="grid grid-cols-2 lg:gridc-cols-5 gap-4">
+			<div class="grid grid-cols-2 lg:grid-cols-5 gap-4">
 				<div class="flex items-center shadow py-2 px-3 rounded-md">
 					<div class="p-2 rounded-md bg-gray-100 mr-3">
 						<BookOpen class="w-18 h-18 stroke-1.5 text-gray-700" />

frontend/src/router.js

@@ -2,11 +2,13 @@ import { createRouter, createWebHistory } from 'vue-router'
 import { usersStore } from './stores/user'
 import { sessionStore } from './stores/session'
 
+let defaultRoute = '/courses'
 const routes = [
 	{
 		path: '/',
-		name: 'Home',
-		component: () => import('@/pages/Home.vue'),
+		redirect: {
+			name: 'Courses',
+		},
 	},
 	{
 		path: '/courses',
@@ -97,7 +99,7 @@ const routes = [
 ]
 
 let router = createRouter({
-	history: createWebHistory('/learning'),
+	history: createWebHistory('/lms'),
 	routes,
 })