General improvements

frontend/src/components/VideoPlayer.vue

@@ -6,11 +6,9 @@
 <script lang="ts">
 // Importing video-js
 import videojs from 'video.js'
-import qualitySelector from 'videojs-hls-quality-selector'
 import qualityLevels from 'videojs-contrib-quality-levels'
 
 videojs.registerPlugin('qualityLevels', qualityLevels)
-videojs.registerPlugin('hlsQualitySelector', qualitySelector)
 
 export default {
   name: 'VideoJsPlayer',

frontend/src/main.ts

@@ -17,7 +17,9 @@ import {
   BiInstagram,
   BiDiscord,
   BiYoutube,
-  BiTiktok
+  BiTiktok,
+  BiHeartFill,
+  IoPerson
 } from 'oh-vue-icons/icons'
 
 addIcons(
@@ -28,7 +30,9 @@ addIcons(
   BiInstagram,
   BiDiscord,
   BiYoutube,
-  BiTiktok
+  BiTiktok,
+  BiHeartFill,
+  IoPerson
 )
 
 app.component('v-icon', OhVueIcon)

frontend/src/router/index.ts

@@ -2,10 +2,20 @@ import { createRouter, createWebHistory } from 'vue-router'
 import UserView from '../views/UserView.vue'
 import PageNotFound from '../views/PageNotFound.vue'
 import PrivacyPageView from '../views/PrivacyPageView.vue'
+import HomepageView from '../views/HomepageView.vue'
+import CategoryView from '../views/CategoryView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
+    {
+      path: '/',
+      component: HomepageView
+    },
+    {
+      path:'/game/:game',
+      component: CategoryView
+    },
     {
       path: '/privacy',
       name: 'about',

frontend/vite.config.ts

@@ -10,5 +10,16 @@ export default defineConfig({
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes('node_modules')) {
+            return id.toString().split('node_modules/')[1].split('/')[0].toString();
+          }
+        }
+      }
+    }
   }
 })