diff --git a/src/components/Attachment/AttachmentSelectDrawer.vue b/src/components/Attachment/AttachmentSelectDrawer.vue
index 37c651bf..c450b353 100644
--- a/src/components/Attachment/AttachmentSelectDrawer.vue
+++ b/src/components/Attachment/AttachmentSelectDrawer.vue
@@ -87,7 +87,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import attachmentApi from '@/api/attachment'
 
 export default {
diff --git a/src/components/GlobalHeader/GlobalHeader.vue b/src/components/GlobalHeader/GlobalHeader.vue
index 3a07d4b2..99620ba3 100644
--- a/src/components/GlobalHeader/GlobalHeader.vue
+++ b/src/components/GlobalHeader/GlobalHeader.vue
@@ -62,7 +62,7 @@
 import UserMenu from '../Tools/UserMenu'
 import SMenu from '../Menu/'
 import Logo from '../Tools/Logo'
-import { mixin } from '@/utils/mixin'
+import { mixin } from '@/mixins/mixin'
 
 export default {
   name: 'GlobalHeader',
diff --git a/src/components/Menu/SideMenu.vue b/src/components/Menu/SideMenu.vue
index df57e65e..e423a20a 100644
--- a/src/components/Menu/SideMenu.vue
+++ b/src/components/Menu/SideMenu.vue
@@ -21,7 +21,7 @@
 <script>
 import Logo from '@/components/Tools/Logo'
 import SMenu from './index'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 
 export default {
   name: 'SideMenu',
diff --git a/src/components/SettingDrawer/SettingDrawer.vue b/src/components/SettingDrawer/SettingDrawer.vue
index 58d472b9..b6d977f1 100644
--- a/src/components/SettingDrawer/SettingDrawer.vue
+++ b/src/components/SettingDrawer/SettingDrawer.vue
@@ -193,7 +193,7 @@
 import SettingItem from '@/components/SettingDrawer/SettingItem'
 import config from '@/config/defaultSettings'
 import { updateTheme, colorList } from './setting'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 import { mapActions, mapGetters } from 'vuex'
 
 export default {
diff --git a/src/utils/filter.js b/src/filters/filter.js
similarity index 100%
rename from src/utils/filter.js
rename to src/filters/filter.js
diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index 184b6665..c7e193aa 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -64,7 +64,7 @@
 <script>
 import { triggerWindowResizeEvent } from '@/utils/util'
 import { mapState, mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 import config from '@/config/defaultSettings'
 import { asyncRouterMap } from '@/config/router.config.js'
 
diff --git a/src/main.js b/src/main.js
index 7153c4e9..45d63938 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,10 +6,10 @@ import Contextmenu from 'vue-contextmenujs'
 import store from './store/'
 import './logger'
 
-import '@/assets/css/tailwind.css'
+import '@/styles/tailwind.css'
 import './core/lazy_use'
-import './permission'
-import '@/utils/filter' // global filter
+import '@/router/guard/'
+import '@/filters/filter' // global filter
 import './components'
 import { version } from '../package.json'
 
diff --git a/src/utils/mixin.js b/src/mixins/mixin.js
similarity index 100%
rename from src/utils/mixin.js
rename to src/mixins/mixin.js
diff --git a/src/router/guard/index.js b/src/router/guard/index.js
new file mode 100644
index 00000000..6d9610bd
--- /dev/null
+++ b/src/router/guard/index.js
@@ -0,0 +1 @@
+import './permissionGuard'
diff --git a/src/permission.js b/src/router/guard/permissionGuard.js
similarity index 92%
rename from src/permission.js
rename to src/router/guard/permissionGuard.js
index 97125073..ef294314 100644
--- a/src/permission.js
+++ b/src/router/guard/permissionGuard.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
-import router from './router'
-import store from './store'
-import NProgress from 'nprogress' // progress bar
+import router from '@/router'
+import store from '@/store'
+import NProgress from 'nprogress'
 import { setDocumentTitle, domTitle } from '@/utils/domUtil'
 import adminApi from '@api/admin'
 
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 414af9d3..d122b985 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -48,7 +48,6 @@ const app = {
       state.device = device
     },
     TOGGLE_THEME: (state, theme) => {
-      // setStore('_DEFAULT_THEME', theme)
       Vue.ls.set(DEFAULT_THEME, theme)
       state.theme = theme
     },
diff --git a/src/assets/css/tailwind.css b/src/styles/tailwind.css
similarity index 100%
rename from src/assets/css/tailwind.css
rename to src/styles/tailwind.css
diff --git a/src/utils/permissions.js b/src/utils/permissions.js
deleted file mode 100644
index 40f99961..00000000
--- a/src/utils/permissions.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export function actionToObject(json) {
-  try {
-    return JSON.parse(json)
-  } catch (e) {
-    this.$log.debug('err', e.message)
-  }
-  return []
-}
diff --git a/src/utils/storage.js b/src/utils/storage.js
deleted file mode 100644
index b1ab04c5..00000000
--- a/src/utils/storage.js
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * Set storage
- *
- * @param name
- * @param content
- * @param maxAge
- */
-export const setStore = (name, content, maxAge = null) => {
-  if (!global.window || !name) {
-    return
-  }
-
-  if (typeof content !== 'string') {
-    content = JSON.stringify(content)
-  }
-
-  const storage = global.window.localStorage
-
-  storage.setItem(name, content)
-  if (maxAge && !isNaN(parseInt(maxAge))) {
-    const timeout = parseInt(new Date().getTime() / 1000)
-    storage.setItem(`${name}_expire`, timeout + maxAge)
-  }
-}
-
-/**
- * Get storage
- *
- * @param name
- * @returns {*}
- */
-export const getStore = name => {
-  if (!global.window || !name) {
-    return
-  }
-
-  const content = window.localStorage.getItem(name)
-  const _expire = window.localStorage.getItem(`${name}_expire`)
-
-  if (_expire) {
-    const now = parseInt(new Date().getTime() / 1000)
-    if (now > _expire) {
-      return
-    }
-  }
-
-  try {
-    return JSON.parse(content)
-  } catch (e) {
-    return content
-  }
-}
-
-/**
- * Clear storage
- *
- * @param name
- */
-export const clearStore = name => {
-  if (!global.window || !name) {
-    return
-  }
-
-  window.localStorage.removeItem(name)
-  window.localStorage.removeItem(`${name}_expire`)
-}
-
-/**
- * Clear all storage
- */
-export const clearAll = () => {
-  if (!global.window || !name) {
-    return
-  }
-
-  window.localStorage.clear()
-}
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index 4f597aff..5adacc95 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -197,7 +197,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { PageView } from '@/layouts'
 import AttachmentDetailDrawer from './components/AttachmentDetailDrawer'
 import attachmentApi from '@/api/attachment'
diff --git a/src/views/attachment/components/AttachmentDetailDrawer.vue b/src/views/attachment/components/AttachmentDetailDrawer.vue
index 7a241b58..fe317045 100644
--- a/src/views/attachment/components/AttachmentDetailDrawer.vue
+++ b/src/views/attachment/components/AttachmentDetailDrawer.vue
@@ -159,7 +159,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import attachmentApi from '@/api/attachment'
 import photoApi from '@/api/photo'
 import 'vue-dplayer/dist/vue-dplayer.css'
diff --git a/src/views/attachment/components/AttachmentDrawer.vue b/src/views/attachment/components/AttachmentDrawer.vue
index 4f499ffe..d42bd03b 100644
--- a/src/views/attachment/components/AttachmentDrawer.vue
+++ b/src/views/attachment/components/AttachmentDrawer.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import AttachmentDetailDrawer from './AttachmentDetailDrawer'
 import attachmentApi from '@/api/attachment'
 
diff --git a/src/views/comment/components/CommentDetail.vue b/src/views/comment/components/CommentDetail.vue
index 3a9e8a15..55cd0687 100644
--- a/src/views/comment/components/CommentDetail.vue
+++ b/src/views/comment/components/CommentDetail.vue
@@ -121,7 +121,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import commentApi from '@/api/comment'
 export default {
   name: 'CommentDetail',
diff --git a/src/views/comment/components/CommentTab.vue b/src/views/comment/components/CommentTab.vue
index e7a34b90..6cae9437 100644
--- a/src/views/comment/components/CommentTab.vue
+++ b/src/views/comment/components/CommentTab.vue
@@ -439,7 +439,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import CommentDetail from './CommentDetail'
 import marked from 'marked'
 import commentApi from '@/api/comment'
diff --git a/src/views/comment/components/TargetCommentDrawer.vue b/src/views/comment/components/TargetCommentDrawer.vue
index b5481308..05534bb8 100644
--- a/src/views/comment/components/TargetCommentDrawer.vue
+++ b/src/views/comment/components/TargetCommentDrawer.vue
@@ -97,7 +97,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import TargetCommentTree from './TargetCommentTree'
 import commentApi from '@/api/comment'
 export default {
diff --git a/src/views/dashboard/components/LogListDrawer.vue b/src/views/dashboard/components/LogListDrawer.vue
index 42d04b8d..323fe1a7 100644
--- a/src/views/dashboard/components/LogListDrawer.vue
+++ b/src/views/dashboard/components/LogListDrawer.vue
@@ -64,7 +64,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import logApi from '@/api/log'
 export default {
   name: 'LogListDrawer',
diff --git a/src/views/interface/components/ThemeSettingDrawer.vue b/src/views/interface/components/ThemeSettingDrawer.vue
index 6ff4a6aa..6725a585 100644
--- a/src/views/interface/components/ThemeSettingDrawer.vue
+++ b/src/views/interface/components/ThemeSettingDrawer.vue
@@ -234,7 +234,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { mapGetters } from 'vuex'
 import FooterToolBar from '@/components/FooterToolbar'
 import Verte from 'verte'
diff --git a/src/views/post/CategoryList.vue b/src/views/post/CategoryList.vue
index 540ad177..cfa5c3da 100644
--- a/src/views/post/CategoryList.vue
+++ b/src/views/post/CategoryList.vue
@@ -230,7 +230,7 @@
 
 <script>
 import { PageView } from '@/layouts'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import CategorySelectTree from './components/CategorySelectTree'
 import categoryApi from '@/api/category'
 
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index 4a91d7b9..3b03dcce 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -74,7 +74,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 // import { mapGetters } from 'vuex'
 import { datetimeFormat } from '@/utils/datetime'
 
diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index ebbb1350..6ef4fd98 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -519,7 +519,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { PageView } from '@/layouts'
 import PostSettingDrawer from './components/PostSettingDrawer'
 import TargetCommentDrawer from '../comment/components/TargetCommentDrawer'
diff --git a/src/views/post/components/PostSettingDrawer.vue b/src/views/post/components/PostSettingDrawer.vue
index e45672a0..42921155 100644
--- a/src/views/post/components/PostSettingDrawer.vue
+++ b/src/views/post/components/PostSettingDrawer.vue
@@ -317,7 +317,7 @@ import CategorySelectTree from './CategorySelectTree'
 import TagSelect from './TagSelect'
 
 // libs
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { datetimeFormat } from '@/utils/datetime'
 import pinyin from 'tiny-pinyin'
 import { mapGetters } from 'vuex'
diff --git a/src/views/sheet/SheetEdit.vue b/src/views/sheet/SheetEdit.vue
index 61f92f23..19149d96 100644
--- a/src/views/sheet/SheetEdit.vue
+++ b/src/views/sheet/SheetEdit.vue
@@ -70,7 +70,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 // import { mapGetters } from 'vuex'
 import { datetimeFormat } from '@/utils/datetime'
 import { PageView } from '@/layouts'
diff --git a/src/views/sheet/components/CustomSheetList.vue b/src/views/sheet/components/CustomSheetList.vue
index 4addc17d..10e7f7a1 100644
--- a/src/views/sheet/components/CustomSheetList.vue
+++ b/src/views/sheet/components/CustomSheetList.vue
@@ -309,7 +309,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import SheetSettingDrawer from './SheetSettingDrawer'
 import TargetCommentDrawer from '../../comment/components/TargetCommentDrawer'
 import sheetApi from '@/api/sheet'
diff --git a/src/views/sheet/components/IndependentSheetList.vue b/src/views/sheet/components/IndependentSheetList.vue
index 3a111624..f70cdbe0 100644
--- a/src/views/sheet/components/IndependentSheetList.vue
+++ b/src/views/sheet/components/IndependentSheetList.vue
@@ -101,7 +101,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import sheetApi from '@/api/sheet'
 const independentColumns = [
   {
diff --git a/src/views/sheet/components/SheetSettingDrawer.vue b/src/views/sheet/components/SheetSettingDrawer.vue
index 0d6dd56d..c62adb4b 100644
--- a/src/views/sheet/components/SheetSettingDrawer.vue
+++ b/src/views/sheet/components/SheetSettingDrawer.vue
@@ -231,7 +231,7 @@
 </template>
 <script>
 // libs
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { datetimeFormat } from '@/utils/datetime'
 import { mapGetters } from 'vuex'
 import pinyin from 'tiny-pinyin'
diff --git a/src/views/sheet/independent/JournalList.vue b/src/views/sheet/independent/JournalList.vue
index 3c88083b..0fdfe56e 100644
--- a/src/views/sheet/independent/JournalList.vue
+++ b/src/views/sheet/independent/JournalList.vue
@@ -262,7 +262,7 @@
 import { PageView } from '@/layouts'
 import TargetCommentDrawer from '../../comment/components/TargetCommentDrawer'
 import AttachmentDrawer from '../../attachment/components/AttachmentDrawer'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { mapGetters, mapActions } from 'vuex'
 import journalApi from '@/api/journal'
 import optionApi from '@/api/option'
diff --git a/src/views/sheet/independent/LinkList.vue b/src/views/sheet/independent/LinkList.vue
index 5d720f7b..8da700ed 100644
--- a/src/views/sheet/independent/LinkList.vue
+++ b/src/views/sheet/independent/LinkList.vue
@@ -266,7 +266,7 @@
 <script>
 import { PageView } from '@/layouts'
 import { mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import optionApi from '@/api/option'
 import linkApi from '@/api/link'
 const columns = [
diff --git a/src/views/sheet/independent/PhotoList.vue b/src/views/sheet/independent/PhotoList.vue
index adea8207..46b535b7 100644
--- a/src/views/sheet/independent/PhotoList.vue
+++ b/src/views/sheet/independent/PhotoList.vue
@@ -278,7 +278,7 @@
 <script>
 import { PageView } from '@/layouts'
 import { mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import photoApi from '@/api/photo'
 import optionApi from '@/api/option'
 import { datetimeFormat } from '@/utils/datetime'
diff --git a/src/views/system/components/BackupWorkDirDrawer.vue b/src/views/system/components/BackupWorkDirDrawer.vue
index 49bd5845..f9bc4112 100644
--- a/src/views/system/components/BackupWorkDirDrawer.vue
+++ b/src/views/system/components/BackupWorkDirDrawer.vue
@@ -79,7 +79,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'BackupWorkDirDrawer',
diff --git a/src/views/system/components/ExportDataDrawer.vue b/src/views/system/components/ExportDataDrawer.vue
index f0e970c7..dd8ca677 100644
--- a/src/views/system/components/ExportDataDrawer.vue
+++ b/src/views/system/components/ExportDataDrawer.vue
@@ -79,7 +79,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'ExportDataDrawer',
diff --git a/src/views/system/components/ExportMarkdownDrawer.vue b/src/views/system/components/ExportMarkdownDrawer.vue
index ebbe6ee7..e5b371bc 100644
--- a/src/views/system/components/ExportMarkdownDrawer.vue
+++ b/src/views/system/components/ExportMarkdownDrawer.vue
@@ -86,7 +86,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'ExportDataDrawer',
diff --git a/src/views/system/developer/tabs/Environment.vue b/src/views/system/developer/tabs/Environment.vue
index 67440f95..55320f87 100644
--- a/src/views/system/developer/tabs/Environment.vue
+++ b/src/views/system/developer/tabs/Environment.vue
@@ -202,7 +202,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import actuatorApi from '@/api/actuator'
 export default {
   name: 'Environment',
diff --git a/tailwind.config.js b/tailwind.config.js
index 57e1f700..57d18f91 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,7 @@
 module.exports = {
-  purge: [],
+  purge: [
+    './src/**/*.vue',
+  ],
   target: 'relaxed',
   prefix: '',
   important: false,