From a4ee1877a9fc47abde0592201ae489911a4bb604 Mon Sep 17 00:00:00 2001
From: Zhou-Jiahao-1998 <54730603+Zhou-Jiahao-1998@users.noreply.github.com>
Date: Thu, 17 Mar 2022 14:03:31 +0800
Subject: [PATCH] [#1634] Replace cdn links to import from node_modules instead
 (#1710)

Some css files are currently imported directly in the code, making it
difficult to manage.

Let us import from node_module for easy management.
---
 frontend/package.json | 3 +++
 frontend/src/app.vue  | 6 ------
 frontend/src/main.js  | 5 +++++
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index af66858fcf..ad2a21d80b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -26,6 +26,7 @@
   },
   "homepage": "https://github.com/reposense/RepoSense#readme",
   "dependencies": {
+    "@fontsource/titillium-web": "^4.5.3",
     "@fortawesome/fontawesome-svg-core": "^1.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
@@ -34,6 +35,8 @@
     "highlight.js": "^10.5.0",
     "jszip": "^3.5.0",
     "minimatch": "^3.0.4",
+    "muicss": "^0.10.3",
+    "normalize.css": "^8.0.1",
     "pug-lint-vue": "^0.4.0",
     "seedrandom": "^3.0.5",
     "vue": "^3.2.31",
diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 0d4bcaa77e..e2fce5eb64 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -319,12 +319,6 @@ export default app;
 
 
 <style lang="scss">
-@import 'https://fonts.googleapis.com/css?family=Titillium+Web';
-@import 'https://cdn.jsdelivr.net/npm/normalize.css@8.0/normalize.min.css';
-@import 'https://cdn.jsdelivr.net/npm/muicss@0.9/dist/css/mui.min.css';
-@import 'https://cdn.jsdelivr.net/npm/highlight.js@9.14/styles/color-brewer.min.css';
-@import 'https://cdn.jsdelivr.net/npm/vue-loading-overlay@5/dist/vue-loading.css';
-
 @import './styles/style.scss';
 @import './styles/panels.scss';
 </style>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 18bfdde3c6..7a36318212 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -2,6 +2,11 @@ import { createApp } from 'vue';
 import { dom } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import hljs from 'highlight.js';
+import 'muicss/dist/css/mui.min.css';
+import 'normalize.css/normalize.css';
+import 'vue-loading-overlay/dist/vue-loading.css';
+import 'highlight.js/styles/color-brewer.css';
+import '@fontsource/titillium-web';
 
 // Need to import for side effects
 import './utils/api';