added popper.js; importing bootstrap and popper to main.js; Added ConfigView.vue to start viewing config of Caddy

package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "bootstrap": "^5.3.8",
         "pinia": "^3.0.3",
+        "popper.js": "^1.16.1",
         "vue": "^3.5.22",
         "vue-router": "^4.6.3"
       },
@@ -2995,6 +2996,16 @@
         }
       }
     },
+    "node_modules/popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
+      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "bootstrap": "^5.3.8",
     "pinia": "^3.0.3",
+    "popper.js": "^1.16.1",
     "vue": "^3.5.22",
     "vue-router": "^4.6.3"
   },

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <RouterView />
 </template>
 
 <script></script>

src/main.js

@@ -1,5 +1,7 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 
 import App from './App.vue'
 import router from './router'

src/router/index.js

@@ -9,6 +9,11 @@ const router = createRouter({
       name: 'home',
       component: HomeView,
     },
+    {
+      path: '/config',
+      name: 'Config',
+      component: () => import('../views/ConfigView.vue')
+    }
   ],
 })
 

src/views/ConfigView.vue

@@ -0,0 +1,5 @@
+<template>
+    <div class="container">
+        <button class="btn btn-primary">Get Config</button>
+    </div>
+</template>