@gx-design-vue/create-gx-cli 0.1.2 → 0.1.4

package/template-mobile-vant-cli/build/plugin/viteMock/utils.ts

@@ -0,0 +1,48 @@
+import fs from 'node:fs'
+
+const toString = Object.prototype.toString
+
+export function is(val: unknown, type: string) {
+  return toString.call(val) === `[object ${type}]`
+}
+
+export function fileExists(f: string) {
+  try {
+    fs.accessSync(f, fs.constants.W_OK);
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
+
+export function isFunction<T = Function>(val: unknown): val is T {
+  return is(val, 'Function') || is(val, 'AsyncFunction')
+}
+
+export function isArray(val: any): val is Array<any> {
+  return val && Array.isArray(val)
+}
+
+export function isRegExp(val: unknown): val is RegExp {
+  return is(val, 'RegExp')
+}
+
+export function isAbsPath(path: string | undefined) {
+  if (!path) {
+    return false
+  }
+  // Windows 路径格式：C:\ 或 \\ 开头，或已含盘符（D:\path\to\file）
+  if (/^([a-zA-Z]:\\|\\\\|(?:\/|\uFF0F){2,})/.test(path)) {
+    return true
+  }
+  // Unix/Linux 路径格式：/ 开头
+  return /^\/[^/]/.test(path)
+}
+
+export function sleep(time: number) {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve('')
+    }, time)
+  })
+}

package/template-mobile-vant-cli/eslint.config.js

@@ -0,0 +1,49 @@
+import antFuEslint from '@antfu/eslint-config'
+
+export default antFuEslint({
+  vue: true,
+  vueJsx: false,
+  typescript: true,
+  gitignore: true,
+  markdown: true,
+  ignores: [
+    'src/assets/**/*.js',
+    'build/plugin/viteMock',
+    'public',
+    'tsconfig.*.json',
+    'tsconfig.json'
+  ]
+}, {
+  rules: {
+    'curly': 0,
+    'no-console': 0,
+    'import/order': 0,
+    'style/quote-props': 0,
+    'style/brace-style': 0,
+    'style/comma-dangle': 0,
+    'style/multiline-ternary': 0,
+    'prefer-regex-literals': 0,
+    'antfu/top-level-function': 0,
+    'vue/array-bracket-spacing': 0,
+    'style/array-bracket-spacing': 0,
+    'node/prefer-global/process': 0,
+    'style/indent': 0,
+    'prefer-template': 0,
+    'dot-notation': 0,
+    'no-cond-assign': 0,
+    'no-useless-computed-key': 0,
+    'node/no-deprecated-api': 0,
+    'antfu/consistent-list-newline': 0,
+    'import/no-mutable-exports': 0,
+    'style/member-delimiter-style': 0,
+    'unused-imports/no-unused-imports': 0,
+    'eslint-comments/no-unlimited-disable': 0,
+    'no-async-promise-executor': 0,
+    'unicorn/escape-case': 0,
+    'ts/method-signature-style': 0,
+    'style/no-trailing-spaces': 0,
+    'ts/consistent-type-imports': 0,
+    'style/type-generic-spacing': 0,
+    'prefer-promise-reject-errors': 0
+  }
+})

package/template-mobile-vant-cli/mock/_createProductionServer.ts

@@ -1,14 +1,14 @@
-import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
+import { createProdMockServer } from '../build/plugin/viteMock/client'
 
-const modules = import.meta.globEager('./api/*.ts')
+const modules = import.meta.glob('./datasSource/**/*.ts', { eager: true })
 
 const mockModules: any[] = []
 Object.keys(modules).forEach((key) => {
   if (key.includes('/_')) {
     return
   }
-  if (modules[key] && modules[key]['default']) mockModules.push(...modules[key]['default'])
-  return
+  if (modules[key] && modules[key]['default'])
+    mockModules.push(...modules[key]['default'])
 })
 
 /**

package/template-mobile-vant-cli/package.json

@@ -1,42 +1,44 @@
 {
   "name": "gx-mobile-cli",
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "build:pro": "vue-tsc && vite build --mode pro",
+    "start:pro": "cross-env VITE_APP_ENV=pro vite",
+    "build": "vite build",
+    "build:pro": "vite build --mode pro",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@gx-design-vue/pro-hooks": "^0.1.1",
-    "@gx-design-vue/pro-utils": "^0.1.1",
-    "@vueuse/core": "^9.10.0",
-    "@vueuse/shared": "^9.10.0",
-    "axios": "^1.1.3",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.19",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.26",
+    "@vueuse/core": "^10.7.2",
+    "@vueuse/shared": "^10.7.2",
+    "axios": "^1.6.7",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.6",
     "lodash-es": "^4.17.21",
-    "lodash-unified": "^1.0.3",
-    "mockjs": "^1.1.0",
-    "pinia": "^2.0.23",
+    "pinia": "2.1.7",
     "qs": "^6.11.0",
-    "unocss": "^0.48.2",
-    "vant": "^4.0.8",
-    "vue": "^3.2.45",
+    "vant": "^4.8.8",
+    "vue": "^3.3.7",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "^2.9.0",
     "@types/lodash-es": "^4.17.4",
-    "@types/node": "^17.0.42",
+    "@types/node": "^20.11.19",
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "autoprefixer": "^10.4.13",
-    "eslint": "^8.13.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
+    "unocss": "^0.58.5",
+    "mockjs": "^1.1.0",
+    "cross-env": "^7.0.3",
+    "connect": "^3.7.0",
+    "path-to-regexp": "^6.2.1",
+    "bundle-require": "^4.0.1",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
     "postcss": "^8.4.18",
@@ -44,21 +46,12 @@
     "postcss-less": "^6.0.0",
     "postcss-pxtorem": "^6.0.0",
     "prettier": "^2.7.1",
-    "rollup": "^2.79.1",
-    "stylelint": "^14.7.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended": "^7.0.0",
-    "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-order": "^5.0.0",
-    "typescript": "^4.6.4",
+    "typescript": "^5.3.3",
     "unplugin-auto-import": "^0.11.4",
     "unplugin-vue-components": "^0.22.9",
-    "vite": "^4.0.4",
+    "vite": "^5.1.4",
     "vite-plugin-html": "^3.2.0",
-    "vite-plugin-mock": "^2.9.6",
     "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^1.0.9"
+    "vue-tsc": "^1.8.27"
   }
-}
+}

package/template-mobile-vant-cli/src/components/PageContainer/ProSkeleton.tsx

@@ -5,10 +5,9 @@ import styles from './style.module.less'
 import 'vant/es/skeleton/style'
 
 const Proskeleton: FunctionalComponent<{ line: number; loading: boolean }> = (props, { slots }) => {
-
   const renderMapItem = () => {
     const show = []
-    for(let i = 0; i < props.line; i += 1) {
+    for (let i = 0; i < props.line; i += 1) {
       show.push(
         <div class={styles.skeletonItem}>
           <Skeleton row={3} loading />

package/template-mobile-vant-cli/src/components/PageContainer/index.tsx

@@ -14,21 +14,21 @@ const PageContainer = defineComponent({
   name: 'GProPageContainer',
   inheritAttrs: false,
   props: {
-    loading: Boolean as PropType<boolean>,
+    loading: Boolean as VuePropType<boolean>,
     hiddenSlot: {
-      type: Boolean as PropType<boolean>,
+      type: Boolean as VuePropType<boolean>,
       default: true
     },
     loadingMsg: {
-      type: String as PropType<string>,
+      type: String as VuePropType<string>,
       default: '加载中'
     },
     loadingType: {
-      type: String as PropType<PageLoadingTpe>,
+      type: String as VuePropType<PageLoadingTpe>,
       default: 'toast'
     },
     bgcolor: {
-      type: String as PropType<string>,
+      type: String as VuePropType<string>,
       default: '#fafafa'
     }
   },
@@ -47,7 +47,8 @@ const PageContainer = defineComponent({
     })
 
     watch(() => loading.value, (val) => {
-      if (initStatus.value && val) initStatus.value = false
+      if (initStatus.value && val)
+        initStatus.value = false
       emit('update:loading', val)
     }, {
       deep: true,

package/template-mobile-vant-cli/src/components/PageContainer/style.module.less

@@ -2,7 +2,7 @@
   width: 100%;
   min-height: 100vh;
   padding: 15px;
-  background: var(--van-doc-background-3);
+  background: var(--van-background-3);
   
   .pageContainerWrapper {
     position: relative;

package/template-mobile-vant-cli/src/core/vant-design/index.ts

@@ -1,4 +1,4 @@
-const vantDesign = (app) => {
+const vantDesign = (_app) => {
 }
 
 export default vantDesign

package/template-mobile-vant-cli/src/hooks/web/usePageLoading.ts

@@ -3,7 +3,11 @@ import { ref, watch } from 'vue'
 import { closeToast, showLoadingToast } from 'vant'
 import type { PageLoadingTpe } from '@/components/PageContainer'
 
-export type SetLoadingParams<T> = { value: T; type?: PageLoadingTpe; message?: string }
+export interface SetLoadingParams<T> {
+  value: T;
+  type?: PageLoadingTpe;
+  message?: string
+}
 
 type ChangeLoadingFn<T> = ({ value, type, message }: SetLoadingParams<T>) => void
 
@@ -16,9 +20,7 @@ export default function usePageLoading<T, R = Ref<T>>({
   defaultMessage?: string;
   defaultLoading?: T | (() => T);
 }): [ R, ChangeLoadingFn<T> ] {
-
-  const initValue: T =
-    typeof defaultLoading === 'function' ? (defaultLoading as any)() : defaultLoading
+  const initValue: T = typeof defaultLoading === 'function' ? (defaultLoading as any)() : defaultLoading
 
   const pageLoading = ref(initValue) as Ref<T>
 
@@ -48,7 +50,8 @@ export default function usePageLoading<T, R = Ref<T>>({
   const changeLoading = ({ value, type, message }: SetLoadingParams<T>) => {
     pageLoading.value = value
     loadingMessage.value = message
-    if (type) loadingType.value = type
+    if (type)
+      loadingType.value = type
   }
 
   return [ pageLoading as unknown as R, changeLoading ]

package/template-mobile-vant-cli/src/layout/BasicLayout.vue

@@ -1,3 +1,6 @@
+<script setup lang="ts">
+</script>
+
 <template>
   <div :class="$style['basic-layout']">
     <RouterView>
@@ -8,9 +11,6 @@
   </div>
 </template>
 
-<script setup lang="ts">
-</script>
-
 <style lang="less" module>
 @import './basicLayout';
 </style>

package/template-mobile-vant-cli/src/pages/home.vue

@@ -1,22 +1,3 @@
-<template>
-  <g-pro-page-container
-    ref="pageContainer"
-    v-model:loading="loading"
-    :loadingMsg="loadingMsg"
-    :hiddenSlot="hiddenSlot"
-  >
-    <div style="display: flex;flex-direction: column;gap: 20px;">
-      <p>以下刷新只针对toast</p>
-      <van-button @click="init(true)">刷新（隐藏子组件）</van-button>
-      <van-button @click="init(false)">刷新（不隐藏子组件）</van-button>
-      <van-button @click="changeLoading('切换中')">切换loading提示语</van-button>
-      <van-button @click="toggleLoading(true)">刷新-调用方法-隐藏</van-button>
-      <van-button @click="toggleLoading(false)">刷新-调用方法-不隐藏</van-button>
-      <van-button @click="toggleLoading(false, '切换中')">刷新-调用方法-不隐藏-切换提示语</van-button>
-    </div>
-  </g-pro-page-container>
-</template>
-
 <script setup lang="ts">
 import { isBoolean } from '@gx-design-vue/pro-utils'
 
@@ -25,21 +6,22 @@ const pageContainer = ref()
 const loadingMsg = ref('加载中')
 const hiddenSlot = ref(true)
 
-onMounted(() => {
-  init()
-})
-
 const init = (val?: boolean) => {
   loadingMsg.value = '加载中'
   loading.value = true
-
-  if (isBoolean(val)) hiddenSlot.value = val
-
+  
+  if (isBoolean(val))
+    hiddenSlot.value = val
+  
   setTimeout(() => {
     loading.value = false
   }, 1000)
 }
 
+onMounted(() => {
+  init()
+})
+
 const changeLoading = (message: string) => {
   loadingMsg.value = message
   loading.value = true
@@ -64,8 +46,26 @@ const toggleLoading = (hiddenSlot: boolean, message?: string) => {
     })
   }, 1000)
 }
-
 </script>
 
+<template>
+  <g-pro-page-container
+    ref="pageContainer"
+    v-model:loading="loading"
+    :loadingMsg="loadingMsg"
+    :hiddenSlot="hiddenSlot"
+  >
+    <div style="display: flex;flex-direction: column;gap: 20px;">
+      <p>以下刷新只针对toast</p>
+      <van-button @click="init(true)">刷新（隐藏子组件）</van-button>
+      <van-button @click="init(false)">刷新（不隐藏子组件）</van-button>
+      <van-button @click="changeLoading('切换中')">切换loading提示语</van-button>
+      <van-button @click="toggleLoading(true)">刷新-调用方法-隐藏</van-button>
+      <van-button @click="toggleLoading(false)">刷新-调用方法-不隐藏</van-button>
+      <van-button @click="toggleLoading(false, '切换中')">刷新-调用方法-不隐藏-切换提示语</van-button>
+    </div>
+  </g-pro-page-container>
+</template>
+
 <style lang="less" scoped>
 </style>

package/template-mobile-vant-cli/src/router/index.ts

@@ -1,5 +1,6 @@
 import type { App } from 'vue'
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import settings from '@/settings'
 import getPageTitle from '@/utils/pageTitle'
 import { constantRoutes } from './routes'
@@ -18,7 +19,7 @@ const doRouterPermission = () => {
 
 // 配置路由器
 export function setupRouter(app: App<Element>) {
-  app.use(router);
+  app.use(router)
 
   doRouterPermission()
 }

package/template-mobile-vant-cli/src/router/typings.ts

@@ -5,4 +5,4 @@ interface AppRouteRecordRaw {
   homePage?: number;
 }
 
-export type AppRouteModule = AppRouteRecordRaw & RouteRecordRaw;
+export type AppRouteModule = AppRouteRecordRaw & RouteRecordRaw

package/template-mobile-vant-cli/src/settings/index.ts

@@ -3,8 +3,8 @@ export default {
   tokenName: 'token',
   contentType: 'application/json;charset=UTF-8',
   requestPrefix: '',
-  //最长请求时间
+  // 最长请求时间
   requestTimeout: 10000,
-  //操作正常code，支持String、Array、int多种类型
+  // 操作正常code，支持String、Array、int多种类型
   successCode: [ 200, 0 ]
 }

package/template-mobile-vant-cli/src/store/modules/global.ts

@@ -1,6 +1,6 @@
 import { reactive, toRefs } from 'vue'
 import { defineStore } from 'pinia'
-import { deepCopy } from '@/utils/util'
+import { deepCopy } from '@gx-design-vue/pro-utils'
 
 /**
  * @Author      gx12358

package/template-mobile-vant-cli/src/utils/crypto/base64.ts

@@ -0,0 +1,101 @@
+export default class Base64 {
+  _keyStr: string
+
+  constructor() {
+    this._keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
+  }
+
+  _utf8_encode(string: string) {
+    string = string.replace(/\r\n/g, '\n')
+    let utftext = ''
+    for (let n = 0; n < string.length; n++) {
+      const c = string.charCodeAt(n)
+      if (c < 128) {
+        utftext += String.fromCharCode(c)
+      } else if ((c > 127) && (c < 2048)) {
+        utftext += String.fromCharCode((c >> 6) | 192)
+        utftext += String.fromCharCode((c & 63) | 128)
+      } else {
+        utftext += String.fromCharCode((c >> 12) | 224)
+        utftext += String.fromCharCode(((c >> 6) & 63) | 128)
+        utftext += String.fromCharCode((c & 63) | 128)
+      }
+    }
+    return utftext
+  }
+
+  _utf8_decode(utftext: string) {
+    let string = ''
+    let i = 0
+    let c = 0
+    let c1 = 0
+    let c2 = 0
+    while (i < utftext.length) {
+      c = utftext.charCodeAt(i)
+      if (c < 128) {
+        string += String.fromCharCode(c)
+        i++
+      } else if ((c > 191) && (c < 224)) {
+        c1 = utftext.charCodeAt(i + 1)
+        string += String.fromCharCode(((c & 31) << 6) | (c1 & 63))
+        i += 2
+      } else {
+        c1 = utftext.charCodeAt(i + 1)
+        c2 = utftext.charCodeAt(i + 2)
+        string += String.fromCharCode(((c & 15) << 12) | ((c1 & 63) << 6) | (c2 & 63))
+        i += 3
+      }
+    }
+    return string
+  }
+
+  encode(input: string) {
+    let output = ''
+    let chr1, chr2, chr3, enc1, enc2, enc3, enc4
+    let i = 0
+    input = this._utf8_encode(input)
+    while (i < input.length) {
+      chr1 = input.charCodeAt(i++)
+      chr2 = input.charCodeAt(i++)
+      chr3 = input.charCodeAt(i++)
+      enc1 = chr1 >> 2
+      enc2 = ((chr1 & 3) << 4) | (chr2 >> 4)
+      enc3 = ((chr2 & 15) << 2) | (chr3 >> 6)
+      enc4 = chr3 & 63
+      if (Number.isNaN(chr2)) {
+        enc3 = enc4 = 64
+      } else if (Number.isNaN(chr3)) {
+        enc4 = 64
+      }
+      output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(
+        enc3) + this._keyStr.charAt(enc4)
+    }
+    return output
+  }
+
+  decode(input: string) {
+    let output = ''
+    let chr1, chr2, chr3
+    let enc1, enc2, enc3, enc4
+    let i = 0
+    input = input.replace(/[^A-Za-z0-9+/=]/g, '')
+    while (i < input.length) {
+      enc1 = this._keyStr.indexOf(input.charAt(i++))
+      enc2 = this._keyStr.indexOf(input.charAt(i++))
+      enc3 = this._keyStr.indexOf(input.charAt(i++))
+      enc4 = this._keyStr.indexOf(input.charAt(i++))
+      chr1 = (enc1 << 2) | (enc2 >> 4)
+      chr2 = ((enc2 & 15) << 4) | (enc3 >> 2)
+      chr3 = ((enc3 & 3) << 6) | enc4
+      output = output + String.fromCharCode(chr1)
+      if (enc3 !== 64) {
+        output = output + String.fromCharCode(chr2)
+      }
+      if (enc4 !== 64) {
+        output = output + String.fromCharCode(chr3)
+      }
+    }
+    output = this._utf8_decode(output)
+    return output
+  }
+}

package/template-mobile-vant-cli/src/utils/{cryptoJS.ts → crypto/index.ts}

@@ -2,12 +2,28 @@ import 'crypto-js/enc-utf8'
 import 'crypto-js/tripledes'
 import 'crypto-js/sha1'
 import * as CryptoJS from 'crypto-js/core'
+import CryptoProJS from 'crypto-js'
 import { isJSONStr } from '@/utils/validate'
-import { isObject, isArray } from '@gx-design-vue/pro-utils'
+import { isArray, isObject } from '@gx-design-vue/pro-utils'
 
-const key = '1234123412ABCDEF'  //十六位十六进制数作为密钥
+const key = '1234123412ABCDEF' // 十六位十六进制数作为密钥
 
-//加密方法
+/**
+ * 登录密码加密
+ * @param password
+ * @returns {string}
+ */
+export const encodePassword = (password: string) => {
+  const key = CryptoProJS.enc.Utf8.parse('8QONwyJtHesysWpM')
+  const passwordENC = CryptoProJS.AES.encrypt(password, key, {
+    mode: CryptoProJS.mode.ECB,
+    padding: CryptoProJS.pad.Pkcs7
+  })
+  const encodePW = passwordENC.ciphertext.toString()
+  return encodePW
+}
+
+// 加密方法
 export function Encrypt(word) {
   let str: string | object = word
   if (isObject(word) || isArray(word)) {
@@ -23,7 +39,7 @@ export function Encrypt(word) {
   return CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
 }
 
-//解密方法
+// 解密方法
 export function Decrypt(word) {
   const keyHex = CryptoJS.enc.Utf8.parse(key)
   const ivHex = CryptoJS.enc.Utf8.parse(key)
@@ -35,5 +51,7 @@ export function Decrypt(word) {
     padding: CryptoJS.pad.Pkcs7
   })
   const decryptedStr = decrypted.toString(CryptoJS.enc.Utf8)
-  return isJSONStr(decryptedStr.toString()) ? JSON.parse(decryptedStr.toString()) : decryptedStr.toString()
+  return isJSONStr(decryptedStr.toString())
+    ? JSON.parse(decryptedStr.toString())
+    : decryptedStr.toString()
 }

package/template-mobile-vant-cli/src/utils/env.ts

@@ -2,49 +2,47 @@
  * @Author      gx12358
  * @DateTime    2022/4/1
  * @lastTime    2022/4/1
- * @description 环境：开发
+ * @description 环境：本地开发环境
  */
 export function isDev(): boolean {
-  const DEV = typeViteEnv('VITE_USE_MODE') === 'development'
-  return DEV
+  return typeViteEnv('VITE_APP_ENV') === 'dev'
 }
 
 /**
  * @Author      gx12358
  * @DateTime    2022/4/1
  * @lastTime    2022/4/1
- * @description 环境：测试
+ * @description 环境：正式
  */
-export function isTest(): boolean {
-  const PRO = typeViteEnv('VITE_USE_MODE') === 'test'
-  return PRO
+export function isPro(): boolean {
+  return typeViteEnv('VITE_USE_MODE') === 'pro'
 }
 
 /**
  * @Author      gx12358
  * @DateTime    2022/4/1
  * @lastTime    2022/4/1
- * @description 环境：正式
+ * @description 环境：非本地开发环境
  */
-export function isPro(): boolean {
-  return typeViteEnv('VITE_USE_MODE') === 'production'
+export function isBuild(): boolean {
+  return typeViteEnv('VITE_NODE_ENV') === 'production'
 }
 
 /**
  * @Author      gx12358
  * @DateTime    2022/4/1
  * @lastTime    2022/4/1
- * @description 环境：测试、正式
+ * @description 当前联调环境
  */
-export function isBuild(): boolean {
-  return typeViteEnv('VITE_USE_MODE') !== 'development'
+export function currentMode() {
+  return typeViteEnv('VITE_USE_MODE')
 }
 
-export function typeViteEnv(key: ViteEnvKey) {
-  let value = import.meta.env[key]
-  if (value) {
-    value = (value as string).replace(/\\n/g, '\n')
+export function typeViteEnv<T extends keyof ViteEnv>(key: T): ViteEnv[T] | undefined {
+  let value: any = (import.meta as any).env[key]
 
+  if (value && typeof value === 'string') {
+    value = value.replace(/\\n/g, '\n') as ViteEnv[T]
     value = value === 'true' ? true : value === 'false' ? false : value
   }