From 3993d8cce5083e7b150cb99c37cb36c59be4ea74 Mon Sep 17 00:00:00 2001
From: lwcrosier <lwc5402@psu.edu>
Date: Wed, 19 Nov 2025 19:02:09 -0500
Subject: [PATCH] added popper.js; importing bootstrap and popper to main.js;
 Added ConfigView.vue to start viewing config of Caddy

---
 package-lock.json        | 11 +++++++++++
 package.json             |  1 +
 src/App.vue              |  2 +-
 src/main.js              |  2 ++
 src/router/index.js      |  5 +++++
 src/views/ConfigView.vue |  5 +++++
 6 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src/views/ConfigView.vue

diff --git a/package-lock.json b/package-lock.json
index fe5b67a..dc0c1a5 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index dcac3e0..18d92f1 100644
--- a/package.json
+++ b/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"
   },
diff --git a/src/App.vue b/src/App.vue
index 83b29d7..8c52d24 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <RouterView />
 </template>
 
 <script></script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index fda1e6e..5998bfd 100644
--- a/src/main.js
+++ b/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'
diff --git a/src/router/index.js b/src/router/index.js
index 29788a1..55855ea 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,6 +9,11 @@ const router = createRouter({
       name: 'home',
       component: HomeView,
     },
+    {
+      path: '/config',
+      name: 'Config',
+      component: () => import('../views/ConfigView.vue')
+    }
   ],
 })
 
diff --git a/src/views/ConfigView.vue b/src/views/ConfigView.vue
new file mode 100644
index 0000000..aeca395
--- /dev/null
+++ b/src/views/ConfigView.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="container">
+        <button class="btn btn-primary">Get Config</button>
+    </div>
+</template>
\ No newline at end of file