diff --git a/ActiveBOWeb/index.html b/ActiveBOWeb/index.html
index 1d05dca..3336a32 100644
--- a/ActiveBOWeb/index.html
+++ b/ActiveBOWeb/index.html
@@ -2,7 +2,7 @@
-
+
Vite App
diff --git a/ActiveBOWeb/package.json b/ActiveBOWeb/package.json
index 7b6c8da..a7f7b53 100644
--- a/ActiveBOWeb/package.json
+++ b/ActiveBOWeb/package.json
@@ -14,6 +14,7 @@
"pinia": "^2.0.30",
"roslib": "^1.3.0",
"vue": "^3.2.45",
+ "vue-resource": "^1.5.3",
"vuetify": "^3.1.4"
},
"devDependencies": {
diff --git a/ActiveBOWeb/public/CPS_White.ico b/ActiveBOWeb/public/CPS_White.ico
new file mode 100644
index 0000000..2bb513f
Binary files /dev/null and b/ActiveBOWeb/public/CPS_White.ico differ
diff --git a/ActiveBOWeb/src/components/TopBar.vue b/ActiveBOWeb/src/components/TopBar.vue
index 76c673a..6baaac0 100644
--- a/ActiveBOWeb/src/components/TopBar.vue
+++ b/ActiveBOWeb/src/components/TopBar.vue
@@ -33,5 +33,13 @@ const changeRosColor = () => {
diff --git a/ActiveBOWeb/src/main.ts b/ActiveBOWeb/src/main.ts
index 8812c7f..61a334b 100644
--- a/ActiveBOWeb/src/main.ts
+++ b/ActiveBOWeb/src/main.ts
@@ -4,8 +4,10 @@ import { createApp } from "vue";
import { createPinia } from "pinia";
// Vuetify
-import 'vuetify/dist/vuetify.css';
-import { createVuetify } from 'vuetify';
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
import '@mdi/font/css/materialdesignicons.css'
@@ -16,6 +18,8 @@ const vuetify = createVuetify({
theme: {
defaultTheme: 'dark',
},
+ components,
+ directives,
});
const app = createApp(App);