feat: ✨ introduced views, introduced vue_router, made settings a view

web/src/App.vue

@@ -1,15 +1,14 @@
 <script lang="ts">
 import {defineComponent, Ref, ref, SetupContext} from 'vue';
 import DebugLog from "./classes/debugger";
-import Settings from "./components/Settings.vue";
 import cookiePrompt from "./components/cookiePrompt.vue";
 import FileUpload from './components/fileUpload.vue';
-import PointCloud from './components/cloud.vue';
+import PointCloud from './components/pointcloud.vue';
 import Navbar from './components/navbar.vue';
+import { RouterView } from 'vue-router';
 export default defineComponent({
-  components: {Settings, cookiePrompt, PointCloud, Navbar},
+  components: {cookiePrompt, PointCloud, Navbar},
   setup() {
-    var showSettings:Ref<boolean> = ref(false);
     var showCookiePrompt:Ref<boolean> = ref(localStorage.getItem('allow-data-storage') == undefined);
       
 
@@ -32,11 +31,7 @@ export default defineComponent({
     ]
     DebugLog(debugInputs);
 
-    const toggleSettings = () => {
-      showSettings.value = !showSettings.value;
-    }
-
-    return { showSettings, toggleSettings, showCookiePrompt };
+    return { showCookiePrompt };
   },
 });
 </script>
@@ -44,10 +39,8 @@ export default defineComponent({
 <template>
   <div class="appContainer">
     <Navbar></Navbar>
-    <Settings v-if="showSettings" @close="toggleSettings"/>
     <cookiePrompt v-if="showCookiePrompt"></cookiePrompt>
-    <FileUpload></FileUpload>
-    <PointCloud></PointCloud>
+    <RouterView></RouterView>
   </div>        
 </template>