chore: remove deps

remove `vite-plugin-vue-setup-extend`
ckdzh · Jun 25, 2023 · 4568d80 · 4568d80
1 parent 446ee77
commit 4568d80
Show file tree

Hide file tree

Showing 11 changed files with 33 additions and 22 deletions.
diff --git a/build/plugins/index.ts b/build/plugins/index.ts
@@ -1,6 +1,5 @@
 import type { PluginOption } from 'vite'
 import UnoCSS from '@unocss/vite'
-import vueSetupExtend from 'vite-plugin-vue-setup-extend'
 import vue from './vue'
 import compress from './compress'
 import visualizer from './visualizer'
@@ -15,7 +14,7 @@ import mock from './mock'
  * @return {*}
  */
 export function setVitePlugins(env: ImportMetaEnv) {
-  const plugins: PluginOption[] = [...vue, UnoCSS(), ...unplugin, mock, vueSetupExtend()]
+  const plugins: PluginOption[] = [...vue, UnoCSS(), ...unplugin, mock]
   // 是否压缩
   if (env.VITE_COMPRESS_OPEN === 'Y')
     plugins.push(compress(env))

diff --git a/build/plugins/mock.ts b/build/plugins/mock.ts
@@ -2,6 +2,9 @@ import { viteMockServe } from 'vite-plugin-mock' // https://github.com/vbenjs/vi
 
 export default viteMockServe({
   mockPath: 'mock',
-  // enable: true,
-  // watchFiles: false,
+  prodEnabled: true,
+  injectCode: `
+    import { setupMockServer } from '../mock';
+    setupMockServer();
+  `,
 })
diff --git a/build/plugins/vue.ts b/build/plugins/vue.ts
@@ -5,10 +5,6 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 // https://github.com/vitejs/vite/tree/main/packages/plugin-vue-jsx
 import VueDevTools from 'vite-plugin-vue-devtools' // https://github.com/webfansplz/vite-plugin-vue-devtools
 
-const plugins = [vue({
-  script: {
-    defineModel: true,
-  },
-}), vueJsx(), VueDevTools()]
+const plugins = [vue(), vueJsx(), VueDevTools()]
 
 export default plugins
diff --git a/index.html b/index.html
@@ -7,7 +7,8 @@
 		<title>%VITE_APP_TITLE%</title>
 	</head>
 	<body>
-		<div id="app"><div id="appLoading"></div></div>
+		<div id="appLoading"></div>
+		<div id="app"></div>
 		<script type="module" src="/src/main.ts"></script>
 	</body>
 </html>
diff --git a/mock/module/user.ts b/mock/module/user.ts
@@ -191,7 +191,7 @@ const userRoutes = [
         ],
       },
       {
-        name: 'plugin_map',
+        name: 'PluginMap',
         path: '/plugin/map',
         meta: {
           title: '地图',

diff --git a/package.json b/package.json
@@ -94,10 +94,9 @@
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.3.9",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-mock": "^2.9.6",
+    "vite-plugin-mock": "^2.9.8",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-devtools": "^0.2.1",
-    "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^1.8.1"
   },
   "lint-staged": {

diff --git a/src/App.vue b/src/App.vue
@@ -7,8 +7,6 @@ import themeConfig from './theme.json'
 const locale = zhCN
 const dateLocale = dateZhCN
 const appStore = useAppStore()
-// const osThemeRef = useOsTheme()
-// appStore.toggleDarkMode(osThemeRef.value === 'dark')
 
 const themeOverrides: GlobalThemeOverrides = {} || themeConfig
 </script>

diff --git a/src/components/custom/Editor/MarkDownEditor/index.vue b/src/components/custom/Editor/MarkDownEditor/index.vue
@@ -5,9 +5,16 @@ import { MdEditor } from 'md-editor-v3' // https://imzbf.github.io/md-editor-v3/
 import 'md-editor-v3/lib/style.css'
 import { useAppStore } from '@/store'
 
+const props = defineProps<{
+  modelValue: string
+}>()
+
+const emit = defineEmits(['update:modelValue'])
+
 const appStore = useAppStore()
 
-const modelValue = defineModel()
+const data = useVModel(props, 'modelValue', emit)
+
 const theme = computed(() => {
   return appStore.darkMode ? 'dark' : 'light'
 })
@@ -23,7 +30,7 @@ const toolbarsExclude: ToolbarNames[] = [
 
 <template>
   <MdEditor
-    v-model="modelValue" :theme="theme" read-only :toolbars-exclude="toolbarsExclude"
+    v-model="data" :theme="theme" read-only :toolbars-exclude="toolbarsExclude"
   />
 </template>
 

diff --git a/src/components/custom/Editor/RichTextEditor/index.vue b/src/components/custom/Editor/RichTextEditor/index.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import Editor from '@tinymce/tinymce-vue'
 
-const modelValue = defineModel()
+const props = defineProps<{
+  modelValue: string
+}>()
+
+const emit = defineEmits(['update:modelValue'])
+
+const data = useVModel(props, 'modelValue', emit)
 
 function imagesUploadHandler(blobInfo: any, _progress: number) {
   return new Promise((resolve, reject) => {
@@ -51,7 +57,7 @@ const initConfig = {
 <template>
   <div class="tinymce-boxz">
     <Editor
-      v-model="modelValue"
+      v-model="data"
       api-key="no-api"
       :init="initConfig"
     />

diff --git a/src/views/plugin/map/components/AMap.vue b/src/views/plugin/map/components/AMap.vue
@@ -29,5 +29,3 @@ async function initMap() {
     class="w-full h-full"
   />
 </template>
-
-<style scoped></style>
diff --git a/src/views/plugin/map/index.vue b/src/views/plugin/map/index.vue
@@ -1,10 +1,14 @@
 <script lang="ts">
 </script>
 
-<script setup lang="ts" name="plugin_map">
+<script setup lang="ts">
 import AMap from './components/AMap.vue'
 import BMap from './components/BMap.vue'
 
+defineOptions({
+  name: 'PluginMap',
+})
+
 const maps = [
   {
     id: 'AMap',