format

src/layout/components/Sidebar/index.vue

@@ -1,4 +1,3 @@
-
 <template>
   <div :class="{'has-logo':showLogo}">
     <logo v-if="showLogo" :collapse="isCollapse" />
@@ -19,26 +18,26 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
+import { mapGetters } from 'vuex'
-  import Logo from './Logo'
+import Logo from './Logo'
-  import SidebarItem from './SidebarItem'
+import SidebarItem from './SidebarItem'
-  import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss'
-  export default {
+export default {
-    components: { SidebarItem, Logo },
+  components: { SidebarItem, Logo },
-    computed: {
+  computed: {
-      ...mapGetters([
+    ...mapGetters([
-        'permission_routes',
+      'permission_routes',
-        'sidebar'
+      'sidebar'
-      ]),
+    ]),
-      showLogo() {
+    showLogo() {
-        return this.$store.state.settings.sidebarLogo
+      return this.$store.state.settings.sidebarLogo
-      },
+    },
-      variables() {
+    variables() {
-        return variables
+      return variables
-      },
+    },
-      isCollapse() {
+    isCollapse() {
-        return !this.sidebar.opened
+      return !this.sidebar.opened
-      }
     }
   }
+}
 </script>