Manage vue plugins

src/main.ts

@@ -1,16 +1,11 @@
 import '@babel/polyfill';
 import '@mdi/font/css/materialdesignicons.css';
 import Vue from 'vue';
-import './plugins/vuetify';
+import './plugins/';
 import App from './App.vue';
 import router from '@/router';
-import VueSimpleSVG from 'vue-simple-svg';
-import VueHighlightJS from 'vue-highlightjs';
-import 'highlight.js/styles/atom-one-dark.css';
 
 Vue.config.productionTip = false;
-Vue.use(VueSimpleSVG);
-Vue.use(VueHighlightJS);
 
 new Vue({
   router,

src/plugins/index.js

@@ -0,0 +1,3 @@
+import './vue-highlight';
+import './vue-simple-svg';
+import './vuetify';

src/plugins/vue-highlight.js

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import VueHighlightJS from 'vue-highlightjs';
+
+import 'highlight.js/styles/atom-one-dark.css';
+
+Vue.use(VueHighlightJS);

src/plugins/vue-simple-svg.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSimpleSVG from 'vue-simple-svg';
+
+Vue.use(VueSimpleSVG);

tsconfig.json

@@ -31,7 +31,7 @@
     "src/**/*.tsx",
     "src/**/*.vue",
     "tests/**/*.ts",
-    "tests/**/*.tsx"
+    "tests/**/*.tsx", "src/plugins/index.js",
   ],
   "exclude": [
     "node_modules"