Add new layout for annotation

frontend/layouts/workspace.vue

@@ -0,0 +1,55 @@
+<template>
+  <v-app>
+    <the-header>
+      <template #leftDrawerIcon>
+        <v-app-bar-nav-icon @click="drawerLeft = !drawerLeft" />
+      </template>
+    </the-header>
+
+    <v-navigation-drawer
+      v-model="drawerLeft"
+      app
+      clipped
+    >
+      <the-side-bar
+        :link="getLink"
+        :role="getCurrentUserRole"
+      />
+    </v-navigation-drawer>
+
+    <v-main>
+      <nuxt />
+    </v-main>
+  </v-app>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import TheHeader from '~/components/layout/TheHeader'
+import TheSideBar from '~/components/layout/TheSideBar'
+
+export default {
+  middleware: ['check-auth', 'auth', 'set-project'],
+
+  components: {
+    TheSideBar,
+    TheHeader
+  },
+
+  data() {
+    return {
+      drawerLeft: null
+    }
+  },
+
+  computed: {
+    ...mapGetters('projects', ['getLink', 'getCurrentUserRole'])
+  },
+  
+  watch: {
+    '$route.query'() {
+      this.$services.option.save(this.$route.params.id, this.$route.query)
+    }
+  }
+}
+</script>