RT state managment and rectangle support

front/src/App.vue

@@ -1,11 +1,20 @@
 <script setup lang="ts">
-import { RouterView } from 'vue-router'
+import { RouterView, useRoute } from 'vue-router'
+import { computed } from 'vue'
 import AppTopBar from './components/AppTopBar.vue'
+
+const route = useRoute()
+const hideTopBar = computed(() => route.meta.hideTopBar === true)
 </script>
 
 <template>
-  <AppTopBar />
-  <main class="container py-4">
+  <template v-if="hideTopBar">
     <RouterView />
-  </main>
+  </template>
+  <template v-else>
+    <AppTopBar />
+    <main class="container py-4">
+      <RouterView />
+    </main>
+  </template>
 </template>