🔧 update vite config

Author: anh-ld

example/src/main.ts

@@ -1,4 +1,4 @@
-import { createApp } from 'vue';
+import { createApp } from 'vue-demi';
 import 'virtual:windi.css';
 import './style.css';
 

package.json

@@ -35,10 +35,10 @@
     "test": "jest",
     "dev": "vite",
     "dev:docs": "vitepress dev docs --port 4000",
-    "build": "yarn clean && yarn pretty && vite build --mode library && yarn type",
+    "build:lib": "yarn clean && yarn pretty && vite build --mode lib && yarn type",
     "build:docs": "yarn clean && vitepress build docs",
     "build:example": "yarn clean && yarn pretty && vite build --mode example",
-    "release": "np"
+    "release": "yarn build:lib && np"
   },
   "dependencies": {
     "vue-demi": "^0.11.2"
@@ -63,13 +63,11 @@
     "vite": "^2.3.5",
     "vite-plugin-windicss": "^1.0.4",
     "vitepress": "^0.15.3",
-    "vue": "^3.0.11",
     "vue-jest": "^5.0.0-alpha.10",
     "windicss": "^3.1.3"
   },
   "peerDependencies": {
-    "@vue/composition-api": "^1.0.0-rc.1",
-    "vue": ">= 2.6 || >=3.0.0"
+    "@vue/composition-api": "^1.0.0-rc.1"
   },
   "peerDependenciesMeta": {
     "@vue/composition-api": {

src/index.ts

@@ -24,7 +24,6 @@ import {
   Entries,
   UnknownObject,
   Result,
-  Args,
   ArgsObject,
   Entry,
   Error,

vite.config.js

@@ -1,73 +1,67 @@
 import vue from '@vitejs/plugin-vue';
 import WindiCSS from 'vite-plugin-windicss';
-
 import { resolve } from 'path';
 
-const libraryName = 'vue-tiny-validate';
-
-const example = resolve(__dirname, 'example');
-const exampleOutDir = resolve(__dirname, 'dist-example');
-const library = resolve(__dirname, 'src');
-const libraryEntry = resolve(__dirname, `src/index.ts`);
-const libraryOutDir = resolve(__dirname, 'dist');
+const LIBRARY_NAME = 'vue-tiny-validate';
 
-export default ({ command, mode }) => {
-  const exampleOption = {
-    plugins: [vue(), WindiCSS()],
-    root: example,
-    resolve: {
-      alias: {
-        [libraryName]: library,
-      },
+const settings = {
+  plugins: [vue(), WindiCSS()],
+  root: resolve(__dirname, 'example'),
+  resolve: {
+    alias: {
+      [LIBRARY_NAME]: resolve(__dirname, 'src'),
     },
-  };
-
-  // dev mode
-  if (command === 'serve') {
-    return {
-      ...exampleOption,
-      server: {
-        port: 3456,
-      },
-    };
-  }
+  },
+};
 
-  // otherwise, build mode
+// dev
+const dev = {
+  ...settings,
+  server: {
+    port: 3456,
+  },
+};
 
-  // build example
-  if (mode === 'example') {
-    return {
-      ...exampleOption,
-      build: {
-        outDir: exampleOutDir,
-      },
-    };
-  }
+// build: example
+const buildExample = {
+  ...settings,
+  build: {
+    outDir: resolve(__dirname, 'dist-example'),
+  },
+};
 
-  // build library
-  if (mode === 'library') {
-    return {
-      plugin: [vue()],
-      build: {
-        lib: {
-          entry: libraryEntry,
-          name: libraryName,
-          fileName: 'index',
-          formats: ['es', 'cjs', 'umd'],
-        },
-        rollupOptions: {
-          external: ['vue', 'vue-demi'],
-          output: {
-            globals: {
-              vue: 'Vue',
-              'vue-demi': 'VueDemi',
-            },
-          },
+// build: lib
+const buildLib = {
+  plugin: [vue()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, `src/index.ts`),
+      name: LIBRARY_NAME,
+      fileName: 'index',
+      formats: ['es', 'cjs', 'umd'],
+    },
+    rollupOptions: {
+      external: ['vue', 'vue-demi'],
+      output: {
+        globals: {
+          vue: 'Vue',
+          'vue-demi': 'VueDemi',
         },
-        outDir: libraryOutDir,
       },
-    };
-  }
+    },
+    outDir: resolve(__dirname, 'dist'),
+  },
+};
 
-  return {};
+export default ({ command, mode }) => {
+  switch (true) {
+    case command === 'serve':
+      return dev;
+    case command === 'build' && mode === 'example':
+      return buildExample;
+    case command === 'build' && mode === 'lib':
+      return buildLib;
+    default:
+      return {};
+  }
 };