From 6b4117130793f3566830f06d5636b9e99fa24e70 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Thu, 28 Jan 2021 23:26:18 +0800
Subject: [PATCH] pref: config tailwindcss purge. (halo-dev/console#288)

---
 .../Attachment/AttachmentSelectDrawer.vue     |  2 +-
 src/components/GlobalHeader/GlobalHeader.vue  |  2 +-
 src/components/Menu/SideMenu.vue              |  2 +-
 .../SettingDrawer/SettingDrawer.vue           |  2 +-
 src/{utils => filters}/filter.js              |  0
 src/layouts/BasicLayout.vue                   |  2 +-
 src/main.js                                   |  6 +-
 src/{utils => mixins}/mixin.js                |  0
 src/router/guard/index.js                     |  1 +
 .../guard/permissionGuard.js}                 |  6 +-
 src/store/modules/app.js                      |  1 -
 src/{assets/css => styles}/tailwind.css       |  0
 src/utils/permissions.js                      |  8 --
 src/utils/storage.js                          | 77 -------------------
 src/views/attachment/AttachmentList.vue       |  2 +-
 .../components/AttachmentDetailDrawer.vue     |  2 +-
 .../components/AttachmentDrawer.vue           |  2 +-
 .../comment/components/CommentDetail.vue      |  2 +-
 src/views/comment/components/CommentTab.vue   |  2 +-
 .../components/TargetCommentDrawer.vue        |  2 +-
 .../dashboard/components/LogListDrawer.vue    |  2 +-
 .../components/ThemeSettingDrawer.vue         |  2 +-
 src/views/post/CategoryList.vue               |  2 +-
 src/views/post/PostEdit.vue                   |  2 +-
 src/views/post/PostList.vue                   |  2 +-
 .../post/components/PostSettingDrawer.vue     |  2 +-
 src/views/sheet/SheetEdit.vue                 |  2 +-
 .../sheet/components/CustomSheetList.vue      |  2 +-
 .../sheet/components/IndependentSheetList.vue |  2 +-
 .../sheet/components/SheetSettingDrawer.vue   |  2 +-
 src/views/sheet/independent/JournalList.vue   |  2 +-
 src/views/sheet/independent/LinkList.vue      |  2 +-
 src/views/sheet/independent/PhotoList.vue     |  2 +-
 .../system/components/BackupWorkDirDrawer.vue |  2 +-
 .../system/components/ExportDataDrawer.vue    |  2 +-
 .../components/ExportMarkdownDrawer.vue       |  2 +-
 .../system/developer/tabs/Environment.vue     |  2 +-
 tailwind.config.js                            |  4 +-
 38 files changed, 38 insertions(+), 121 deletions(-)
 rename src/{utils => filters}/filter.js (100%)
 rename src/{utils => mixins}/mixin.js (100%)
 create mode 100644 src/router/guard/index.js
 rename src/{permission.js => router/guard/permissionGuard.js} (92%)
 rename src/{assets/css => styles}/tailwind.css (100%)
 delete mode 100644 src/utils/permissions.js
 delete mode 100644 src/utils/storage.js

diff --git a/src/components/Attachment/AttachmentSelectDrawer.vue b/src/components/Attachment/AttachmentSelectDrawer.vue
index 37c651bfd..c450b3530 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 3a07d4b26..99620ba35 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 df57e65e1..e423a20ac 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 58d472b90..b6d977f10 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 184b6665e..c7e193aa5 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 7153c4e93..45d63938e 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 000000000..6d9610bdc
--- /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 971250738..ef2943144 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 414af9d31..d122b985c 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 40f999619..000000000
--- 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 b1ab04c55..000000000
--- 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 4f597aff0..5adacc950 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 7a241b589..fe3170453 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 4f499ffe7..d42bd03bd 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 3a9e8a158..55cd06871 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 e7a34b90f..6cae9437b 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 b5481308e..05534bb8c 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 42d04b8d1..323fe1a74 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 6ff4a6aa0..6725a585d 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 540ad1778..cfa5c3da8 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 4a91d7b9e..3b03dcced 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 ebbb1350e..6ef4fd98a 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 e45672a08..42921155e 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 61f92f23e..19149d968 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 4addc17d5..10e7f7a19 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 3a1116248..f70cdbe08 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 0d6dd56da..c62adb4b9 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 3c88083be..0fdfe56e1 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 5d720f7b5..8da700ed9 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 adea82070..46b535b76 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 49bd5845c..f9bc41129 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 f0e970c71..dd8ca6777 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 ebbe6ee76..e5b371bc5 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 67440f95c..55320f876 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 57e1f700b..57d18f91c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,7 @@
 module.exports = {
-  purge: [],
+  purge: [
+    './src/**/*.vue',
+  ],
   target: 'relaxed',
   prefix: '',
   important: false,