3 files changed, 33 insertions, 12 deletions

diff --git a/viewer/src/plugins/buefy.ts b/viewer/src/plugins/buefy.ts
index 9fa73b6..fbffd55 100644
--- a/viewer/src/plugins/buefy.ts
+++ b/viewer/src/plugins/buefy.ts
@@ -19,10 +19,24 @@
 
 import Vue from "vue";
 
-import Buefy from "buefy";
+// @ts-ignore
+import Taginput from 'buefy/src/components/taginput';
+// @ts-ignore
+import Loading from 'buefy/src/components/loading';
+// @ts-ignore
+import Radio from 'buefy/src/components/radio';
+// @ts-ignore
+import SnackBar from 'buefy/src/components/snackbar';
+
 import "@/assets/scss/buefy.scss";
 
-Vue.use(Buefy, {
-    defaultIconComponent: 'fa-icon',
-    defaultIconPack: 'fas',
-});
+Vue.use(Taginput);
+Vue.use(Loading);
+Vue.use(Radio);
+Vue.use(SnackBar);
+
+declare module 'vue/types/vue' {
+    interface Vue {
+        $buefy: any;
+    }
+}
\ No newline at end of file
diff --git a/viewer/src/plugins/fontawesome.ts b/viewer/src/plugins/fontawesome.ts
index bf2ff5f..a15f4ce 100644
--- a/viewer/src/plugins/fontawesome.ts
+++ b/viewer/src/plugins/fontawesome.ts
@@ -19,32 +19,39 @@
 
 import Vue from "vue";
 
-import { library } from "@fortawesome/fontawesome-svg-core";
+import { library, config } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import {
     faFolder,
     faSearch,
-    faTag,
     faPlus,
     faMinus,
     faImage,
     faHome,
     faArrowLeft,
+    faLevelUpAlt,
     faTags,
     faAngleRight,
+    faWindowClose,
+    faQuestionCircle,
 } from "@fortawesome/free-solid-svg-icons";
 
 library.add(
     faFolder,
     faSearch,
-    faTag,
     faPlus,
     faMinus,
     faImage,
     faHome,
     faArrowLeft,
+    faLevelUpAlt,
     faTags,
     faAngleRight,
+    faWindowClose,
+    faQuestionCircle,
 );
 
+config.autoAddCss = false;
+import "@fortawesome/fontawesome-svg-core/styles.css";
+
 Vue.component("fa-icon", FontAwesomeIcon);
diff --git a/viewer/src/plugins/router.ts b/viewer/src/plugins/router.ts
index 0f3d2c7..8b4a8dc 100644
--- a/viewer/src/plugins/router.ts
+++ b/viewer/src/plugins/router.ts
@@ -19,17 +19,17 @@
 
 import Vue from "vue";
 import VueRouter from "vue-router";
-import Gallery from "@/views/MainGallery.vue";
+import MainGallery from "@/views/MainGallery.vue";
 
 Vue.use(VueRouter);
 
-// async way : component: () => import(/* webpackChunkName: "Gallery" */ "@/views/Gallery.vue"),
+// async way : component: () => import(/* webpackChunkName: "MainGallery" */ "@/views/MainGallery.vue"),
 
 const routes = [
   {
     path: "*",
-    name: "Gallery",
-    component: Gallery,
+    name: "MainGallery",
+    component: MainGallery,
     props: true
   },
 ];