fix Navbar

src/main.js

@@ -11,12 +11,22 @@ import ToastPlugin from 'vue-toast-notification';
 import cytoscape from 'cytoscape';
 import dagre from 'cytoscape-dagre';
 
+// import CSS
 import "./assets/main.css";
 import 'vue-toast-notification/dist/theme-sugar.css';
 
+// import PrimeVue
+import PrimeVue from 'primevue/config';
+import 'primevue/resources/themes/saga-blue/theme.css'; //theme
+import 'primevue/resources/primevue.min.css'; //core css
+import 'primeicons/primeicons.css'; //icons
+import Sidebar from 'primevue/sidebar';
+import Button from 'primevue/button';
+
 const emitter = mitt();
 const app = createApp(App);
 
+// Pinia Set
 pinia.use(({ store }) => {
   store.$router = markRaw(router);
   store.$axios = markRaw(axios);
@@ -29,6 +39,7 @@ app.config.globalProperties.$moment = moment;
 app.config.globalProperties.emitter = emitter;
 app.config.globalProperties.$cytoscape = cytoscape;
 
+// Cytoscape.js's style
 cytoscape.use( dagre );
 
 app.use(pinia);
@@ -37,5 +48,8 @@ app.use(VueAxios, axios);
 app.use(ToastPlugin, { // use `this.$toast` in Vue.js
   duration: 10000,
 });
+app.use(PrimeVue);
+app.component('Sidebar', Sidebar);
+app.component('Button', Button);
 
 app.mount("#app");