From b346384491da45465815741b2eb3c0b5551487d6 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Fri, 30 Oct 2020 17:42:34 +0800
Subject: [PATCH] site: fix production dev switch button

---
 demo/SiteHeader.vue                                | 6 +++---
 demo/documentation/landing/index.vue               | 2 +-
 demo/menu-options.js                               | 6 ++----
 demo/{util-compositions.js => util-composables.js} | 2 --
 demo/utils/ComponentDemo.vue                       | 2 +-
 demo/utils/DocumentationWrapper.vue                | 2 +-
 demo/utils/EditOnGithubHeader.vue                  | 2 +-
 vite.config.js                                     | 2 +-
 8 files changed, 10 insertions(+), 14 deletions(-)
 rename demo/{util-compositions.js => util-composables.js} (94%)

diff --git a/demo/SiteHeader.vue b/demo/SiteHeader.vue
index 46a0d4931..911e2eeae 100644
--- a/demo/SiteHeader.vue
+++ b/demo/SiteHeader.vue
@@ -48,7 +48,7 @@
           {{ langOptions[lang].label }}
         </n-tag>
         <n-tag
-          v-if="env === 'development'"
+          v-if="dev"
           class="nav-picker"
           @click="handleModeChange"
         >
@@ -62,7 +62,7 @@
 <script>
 import { computed, readonly, ref } from 'vue'
 import version from '../src/version'
-import { useSiteTheme, useSiteLang, displayModeRef, envRef, i18n } from './util-compositions'
+import { useSiteTheme, useSiteLang, displayModeRef, i18n } from './util-composables'
 
 function match (pattern, string) {
   if (!pattern.length) return true
@@ -129,7 +129,7 @@ export default {
       t,
       searchInputValue: ref(''),
       version,
-      env: envRef,
+      dev: __DEV__,
       displayMode: displayModeRef,
       lang: useSiteLang(),
       theme: useSiteTheme(),
diff --git a/demo/documentation/landing/index.vue b/demo/documentation/landing/index.vue
index 3d525f49b..aa534ef7f 100644
--- a/demo/documentation/landing/index.vue
+++ b/demo/documentation/landing/index.vue
@@ -44,7 +44,7 @@
 import LandingFooter from './Footer.vue'
 import leftImage from './Left.vue'
 import rightImage from './Right.vue'
-import { i18n } from '../../util-compositions'
+import { i18n } from '../../util-composables'
 
 export default {
   inject: {
diff --git a/demo/menu-options.js b/demo/menu-options.js
index 1a8509b98..d5267b329 100644
--- a/demo/menu-options.js
+++ b/demo/menu-options.js
@@ -1,7 +1,5 @@
 import { h } from 'vue'
 
-const env = process.env.NODE_ENV
-
 const appendCounts = item => {
   if (!item.childItems) {
     item.count = 1
@@ -37,13 +35,13 @@ const appendCounts = item => {
 }
 
 const appendDeprecatedDemos = (item, mode) => {
-  if ((env === 'development' && mode === 'debug') || localStorage.getItem('nimbus')) {
+  if ((__DEV__ && mode === 'debug') || localStorage.getItem('nimbus')) {
     return [item]
   } else return []
 }
 
 const appendDebugDemos = (item, mode) => {
-  if (env === 'development' && mode === 'debug') {
+  if (__DEV__ && mode === 'debug') {
     return [item]
   } else return []
 }
diff --git a/demo/util-compositions.js b/demo/util-composables.js
similarity index 94%
rename from demo/util-compositions.js
rename to demo/util-composables.js
index cda6fada8..61ceb05e1 100644
--- a/demo/util-compositions.js
+++ b/demo/util-composables.js
@@ -30,8 +30,6 @@ export function useSiteLang () {
   return toRef(inject('SiteProvider'), 'lang')
 }
 
-export const envRef = ref(process.env.NODE_ENV)
-
 export const i18n = function (data) {
   const configProvider = inject('NConfigProvider', null)
   return {
diff --git a/demo/utils/ComponentDemo.vue b/demo/utils/ComponentDemo.vue
index 1b14f6abf..e9de72423 100644
--- a/demo/utils/ComponentDemo.vue
+++ b/demo/utils/ComponentDemo.vue
@@ -61,7 +61,7 @@
 <script>
 import { nextTick } from 'vue'
 import codeOutline from 'naive-ui/lib/icons/code-outline.vue'
-import { displayModeRef, i18n } from '../util-compositions'
+import { displayModeRef, i18n } from '../util-composables'
 
 export default {
   components: {
diff --git a/demo/utils/DocumentationWrapper.vue b/demo/utils/DocumentationWrapper.vue
index fc0ecb95b..99faa812e 100644
--- a/demo/utils/DocumentationWrapper.vue
+++ b/demo/utils/DocumentationWrapper.vue
@@ -1,5 +1,5 @@
 <script>
-import { i18n } from '../util-compositions'
+import { i18n } from '../util-composables'
 
 export default {
   setup () {
diff --git a/demo/utils/EditOnGithubHeader.vue b/demo/utils/EditOnGithubHeader.vue
index 21d1f7d65..d61acd738 100644
--- a/demo/utils/EditOnGithubHeader.vue
+++ b/demo/utils/EditOnGithubHeader.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { i18n } from '../util-compositions'
+import { i18n } from '../util-composables'
 
 export default {
   name: 'EditOnGithubHeader',
diff --git a/vite.config.js b/vite.config.js
index 0da456305..434147047 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -16,6 +16,6 @@ module.exports = {
   },
   define: {
     'process.env.NODE_ENV': `'${process.env.NODE_ENV}'`,
-    '__DEV__': process.env === 'development'
+    '__DEV__': process.env !== 'production'
   }
 }