fix: theme loading optimizations

client/index-app.js

@@ -1,21 +1,24 @@
 require('core-js/stable')
 require('regenerator-runtime/runtime')
 
+/* global siteConfig */
+/* eslint-disable no-unused-expressions */
+
 switch (window.document.documentElement.lang) {
   case 'ar':
   case 'fa':
-    require('./scss/fonts/arabic.scss')
+    import(/* webpackChunkName: "fonts-arabic" */ './scss/fonts/arabic.scss')
     break
   default:
-    require('./scss/fonts/default.scss')
+    import(/* webpackChunkName: "fonts-default" */ './scss/fonts/default.scss')
     break
 }
 
 require('./scss/app.scss')
-require('./themes/' + process.env.CURRENT_THEME + '/scss/app.scss')
+import(/* webpackChunkName: "theme" */ './themes/' + siteConfig.theme + '/scss/app.scss')
 
-require('@mdi/font/css/materialdesignicons.css')
+import(/* webpackChunkName: "mdi" */ '@mdi/font/css/materialdesignicons.css')
 
 require('./helpers/compatibility.js')
 require('./client-app.js')
-require('./themes/' + process.env.CURRENT_THEME + '/js/app.js')
+import(/* webpackChunkName: "theme" */ './themes/' + siteConfig.theme + '/js/app.js')