refactor: basic layout

Author: sendya

src/components/TagSelect/index.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-// TODO 
+// TODO
 export default {
   name: 'TagSelect',
   props: {

src/layouts/BasicLayout.vue

@@ -1,34 +1,32 @@
 <template>
   <a-layout :class="['layout', device]">
     <!-- SideMenu -->
-    <template>
-      <a-drawer
-        v-if="isMobile()"
-        placement="left"
-        :wrapClassName="`drawer-sider ${navTheme}`"
-        :closable="false"
-        :visible="collapsed"
-        @close="drawerClose"
-      >
-        <side-menu
-          mode="inline"
-          :menus="menus"
-          :theme="navTheme"
-          :collapsed="false"
-          :collapsible="true"
-          @menuSelect="menuSelect"
-        ></side-menu>
-      </a-drawer>
-
+    <a-drawer
+      v-if="isMobile()"
+      placement="left"
+      :wrapClassName="`drawer-sider ${navTheme}`"
+      :closable="false"
+      :visible="collapsed"
+      @close="drawerClose"
+    >
       <side-menu
-        v-else-if="isSideMenu()"
         mode="inline"
         :menus="menus"
         :theme="navTheme"
-        :collapsed="collapsed"
+        :collapsed="false"
         :collapsible="true"
+        @menuSelect="menuSelect"
       ></side-menu>
-    </template>
+    </a-drawer>
+
+    <side-menu
+      v-else-if="isSideMenu()"
+      mode="inline"
+      :menus="menus"
+      :theme="navTheme"
+      :collapsed="collapsed"
+      :collapsible="true"
+    ></side-menu>
 
     <a-layout :class="[layoutMode, `content-width-${contentWidth}`]" :style="{ paddingLeft: contentPaddingLeft, minHeight: '100vh' }">
       <!-- layout header -->