Working on adding a workspace/ sidebar view

src/views/Home.vue

@@ -64,14 +64,14 @@ export default {
   }),
   computed: {
     layoutOrientation: {
-      get: () => localStorage[localStorageKeys.LAYOUT_ORIENTATION] || Defaults.layout,
+      get() { return this.appConfig.layout || Defaults.layout; },
       set: function setLayout(layout) {
         localStorage.setItem(localStorageKeys.LAYOUT_ORIENTATION, layout);
         this.layout = layout;
       },
     },
     iconSize: {
-      get: () => localStorage[localStorageKeys.ICON_SIZE] || Defaults.iconSize,
+      get() { return this.appConfig.iconSize || Defaults.iconSize; },
       set: function setIconSize(iconSize) {
         localStorage.setItem(localStorageKeys.ICON_SIZE, iconSize);
         this.itemSizeBound = iconSize;

src/views/Workspace.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="work-space">
+    <SideBar :sections="sections" />
+    <WebContent :url="url" />
+  </div>
+</template>
+
+<script>
+
+import SideBar from '@/components/Workspace/SideBar';
+import WebContent from '@/components/Workspace/WebContent';
+
+export default {
+  name: 'Workspace',
+  props: {
+    sections: Array,
+  },
+  data: () => ({
+    url: '',
+  }),
+  components: {
+    SideBar,
+    WebContent,
+  },
+};
+
+</script>
+
+<style scoped lang="scss">
+
+</style>