first commit

ui/src/router/layouts/main.unit.js

@@ -0,0 +1,13 @@
+import MainLayout from './main.vue'
+
+describe('@layouts/main.vue', () => {
+  it('renders its content', () => {
+    const slotContent = '<p>Hello!</p>'
+    const { element } = shallowMount(MainLayout, {
+      slots: {
+        default: slotContent,
+      },
+    })
+    expect(element.innerHTML).toContain(slotContent)
+  })
+})

ui/src/router/layouts/main.vue

@@ -0,0 +1,14 @@
+<script>
+import NavBar from '@components/nav-bar.vue'
+
+export default {
+  components: { NavBar },
+}
+</script>
+
+<template
+  ><div>
+    <NavBar />
+    <div class="section container"> <slot /> </div
+  ></div>
+</template>