diff --git a/package.json b/package.json
index d0cc763..01db144 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
"dependencies": {
"@babel/eslint-parser": "^7.15.0",
"@fontsource/baloo-da-2": "^4.5.0",
+ "@fontsource/roboto": "^4.5.0",
"core-js": "^3.16.1",
"dompurify": "^2.3.1",
"hotkeys-js": "^3.8.7",
diff --git a/public/index.html b/public/index.html
index 5ebacfd..73ceb8d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,6 @@
<%= htmlWebpackPlugin.options.title %>
-
diff --git a/src/main.js b/src/main.js
index 895a194..913a416 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
import Vue from 'vue'
import App from './App.vue'
+import '@fontsource/roboto/latin.css'
import '@/styles/main.scss'
import { i18n } from '@/plugins/i18n'
diff --git a/src/plugins/i18n.js b/src/plugins/i18n.js
index 9b3a0f1..36c786c 100644
--- a/src/plugins/i18n.js
+++ b/src/plugins/i18n.js
@@ -25,14 +25,14 @@ async function syncStylesPerLanguage (locale) {
case 'lt':
case 'ml':
case 'tr':
- case 'bn-latn':
+ case 'bn_latn':
// Don't need to import fonts because Latin fonts are always loaded
document.body.classList.remove(...document.body.classList)
document.body.classList.add('latin')
break
// Bengali script
- case 'bn-beng':
- await import('@fontsource/baloo-da-2/index.css')
+ case 'bn_beng':
+ await import('@fontsource/baloo-da-2/bengali.css')
document.body.classList.remove(...document.body.classList)
document.body.classList.add('bengali')
break
diff --git a/src/routes/Playlist.vue b/src/routes/Playlist.vue
index fbbd720..eb8cda8 100644
--- a/src/routes/Playlist.vue
+++ b/src/routes/Playlist.vue
@@ -6,7 +6,7 @@
-
+
{{ playlist.name }}
@@ -47,37 +47,6 @@
-
-
-
- {{ playlist.name }}
-
-
-
-
- {{ playlist.uploader }}
-
-
-
{{ playlist.videos }} Videos
-
-
-
-
-
-
-
-