diff --git a/packages-legacy/plugin-generate-template/src/index.dev.ts b/packages-legacy/plugin-generate-template/src/index.dev.ts
index 60ce636b..c9112102 100644
--- a/packages-legacy/plugin-generate-template/src/index.dev.ts
+++ b/packages-legacy/plugin-generate-template/src/index.dev.ts
@@ -7,8 +7,10 @@ extension({
 });
 
 function runEditor() {
-  const editor = document.createElement('erd-editor');
+  const editor = document.createElement('vuerd-editor');
   editor.automaticLayout = true;
+  document.body.style.margin = '0';
+  document.body.style.height = '100vh';
   document.body.appendChild(editor);
 }
 
diff --git a/packages-legacy/vuerd/README.md b/packages-legacy/vuerd/README.md
index 35af9320..0b0a3773 100644
--- a/packages-legacy/vuerd/README.md
+++ b/packages-legacy/vuerd/README.md
@@ -2,18 +2,15 @@
 
 > Entity-Relationship Diagram Editor
 
-[![npm version](https://img.shields.io/npm/v/vuerd.svg?style=flat-square&color=blue)](https://www.npmjs.com/package/vuerd) [![VS Marketplace version](https://vsmarketplacebadge.apphb.com/version-short/dineug.vuerd-vscode.svg?style=flat-square&color=blue&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=dineug.vuerd-vscode) [![APM](https://img.shields.io/apm/v/vuerd-atom?color=blue&style=flat-square&logo=atom)](https://atom.io/packages/vuerd-atom) [![GitHub](https://img.shields.io/github/license/vuerd/vuerd?style=flat-square&color=blue)](https://github.com/vuerd/vuerd/blob/master/LICENSE) [![PRs](https://img.shields.io/badge/PRs-welcome-blue?style=flat-square)](https://github.com/vuerd/vuerd/pulls) [![CI](https://img.shields.io/github/workflow/status/vuerd/vuerd/CI?label=CI&logo=github&style=flat-square)](https://github.com/vuerd/vuerd/actions)
-
 ## ERD
 
-![vuerd](https://github.com/vuerd/vuerd/blob/master/img/vuerd-erd.gif?raw=true)
+![vuerd](https://github.com/dineug/erd-editor/blob/main/img/vuerd-erd.gif?raw=true)
 
 ## Document
 
 - [Playground](https://vuerd.github.io)
-- [Import SQL DDL support syntax](https://github.com/vuerd/vuerd/blob/master/packages/sql-ddl-parser/src/SQL_DDL_Test_Case.md)
+- [Import SQL DDL support syntax](https://github.com/dineug/erd-editor/blob/main/packages-legacy/sql-ddl-parser/src/SQL_DDL_Test_Case.md)
 - [vscode extension](https://marketplace.visualstudio.com/items?itemName=dineug.vuerd-vscode)
-- [atom extension](https://atom.io/packages/vuerd-atom)
 
 ## interface ERDEditorElement
 
@@ -275,7 +272,7 @@ container.appendChild(editor);
 ## CDN Quick Start
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>vuerd demo</title>
@@ -299,8 +296,6 @@ container.appendChild(editor);
   <body>
     <erd-editor></erd-editor>
     <script src="https://cdn.jsdelivr.net/npm/vuerd/dist/vuerd.min.js"></script>
-    <!-- or module -->
-    <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/vuerd/dist/vuerd.esm.js"></script> -->
     <script>
       const editor = document.querySelector('erd-editor');
       window.addEventListener('resize', () => {
diff --git a/packages-legacy/vuerd/package.json b/packages-legacy/vuerd/package.json
index fa480b3b..ff34a139 100644
--- a/packages-legacy/vuerd/package.json
+++ b/packages-legacy/vuerd/package.json
@@ -1,17 +1,19 @@
 {
   "name": "vuerd",
-  "version": "2.2.11",
+  "version": "2.2.12",
   "private": true,
   "description": "ERD editor",
   "type": "module",
-  "main": "./dist/vuerd.js",
+  "main": "./dist/vuerd.min.js",
+  "module": "./dist/vuerd.js",
   "typings": "./types/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./types/index.d.ts",
         "default": "./dist/vuerd.js"
-      }
+      },
+      "require": "./dist/vuerd.min.js"
     }
   },
   "files": [
@@ -27,15 +29,14 @@
     "database",
     "diagram"
   ],
-  "homepage": "https://github.com/vuerd/vuerd#readme",
-  "bugs": {
-    "url": "https://github.com/vuerd/vuerd/issues"
-  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/vuerd/vuerd.git",
-    "directory": "packages/vuerd"
+    "url": "https://github.com/dineug/erd-editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/dineug/erd-editor/issues"
   },
+  "homepage": "https://github.com/dineug/erd-editor#readme",
   "author": "dineug <dineug2@gmail.com>",
   "license": "MIT",
   "scripts": {
diff --git a/packages-legacy/vuerd/src/index.dev.ts b/packages-legacy/vuerd/src/index.dev.ts
index c711b709..1b663b7f 100644
--- a/packages-legacy/vuerd/src/index.dev.ts
+++ b/packages-legacy/vuerd/src/index.dev.ts
@@ -3,6 +3,8 @@ import './index';
 function runEditor() {
   const editor = document.createElement('vuerd-editor');
   editor.automaticLayout = true;
+  document.body.style.margin = '0';
+  document.body.style.height = '100vh';
   document.body.appendChild(editor);
 }
 
diff --git a/packages-legacy/vuerd/vite.config.js b/packages-legacy/vuerd/vite.config.js
index 79b59b97..215be502 100644
--- a/packages-legacy/vuerd/vite.config.js
+++ b/packages-legacy/vuerd/vite.config.js
@@ -6,35 +6,50 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 const pkg = JSON.parse(readFileSync('package.json', { encoding: 'utf8' }));
 
+const banner = `/*!
+ * ${pkg.name}
+ * @version ${pkg.version} | ${new Date().toDateString()}
+ * @author ${pkg.author}
+ * @license ${pkg.license}
+ */`;
+
 export default defineConfig(({ command }) => {
   const isBuild = command === 'build';
 
   return {
     define: {
       __APP_VERSION__: JSON.stringify(pkg.version),
-      ...(isBuild ? {'process.env.NODE_ENV': JSON.stringify('production')} : {}),
+      ...(isBuild
+        ? { 'process.env.NODE_ENV': JSON.stringify('production') }
+        : {}),
     },
     build: {
       lib: {
         entry: './src/index.ts',
         name: pkg.name,
-        fileName: 'vuerd',
-        formats: ['es'],
+        fileName: format => (format === 'es' ? 'vuerd.js' : 'vuerd.min.js'),
+        formats: ['es', 'umd'],
+      },
+      rollupOptions: {
+        output: {
+          banner,
+        },
       },
     },
     resolve: {
-      dedupe: ['lit-html']
+      dedupe: ['lit-html'],
     },
     plugins: [
       tsconfigPaths(),
-      isBuild && strip({
-        debugger: true,
-        include: '**/*.ts',
-        functions: ['Logger.debug', 'Logger.log', 'console.log'],
-      })
+      isBuild &&
+        strip({
+          debugger: true,
+          include: '**/*.ts',
+          functions: ['Logger.debug', 'Logger.log', 'console.log'],
+        }),
     ].filter(Boolean),
     server: {
       open: true,
     },
-  }
+  };
 });
diff --git a/packages/erd-editor-schema/vite.config.ts b/packages/erd-editor-schema/vite.config.ts
index f87b5074..82faaff4 100644
--- a/packages/erd-editor-schema/vite.config.ts
+++ b/packages/erd-editor-schema/vite.config.ts
@@ -2,6 +2,7 @@ import { readFileSync } from 'node:fs';
 
 import typescript from '@rollup/plugin-typescript';
 import { visualizer } from 'rollup-plugin-visualizer';
+// @ts-ignore
 import tspCompiler from 'ts-patch/compiler';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
diff --git a/packages/erd-editor-shiki-worker/vite.config.ts b/packages/erd-editor-shiki-worker/vite.config.ts
index 02fadc36..2a7f0740 100644
--- a/packages/erd-editor-shiki-worker/vite.config.ts
+++ b/packages/erd-editor-shiki-worker/vite.config.ts
@@ -2,6 +2,7 @@ import { readFileSync } from 'node:fs';
 
 import typescript from '@rollup/plugin-typescript';
 import { visualizer } from 'rollup-plugin-visualizer';
+// @ts-ignore
 import tspCompiler from 'ts-patch/compiler';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
diff --git a/packages/erd-editor-vscode-bridge/src/index.ts b/packages/erd-editor-vscode-bridge/src/index.ts
index da71b330..cc447400 100644
--- a/packages/erd-editor-vscode-bridge/src/index.ts
+++ b/packages/erd-editor-vscode-bridge/src/index.ts
@@ -1,11 +1,6 @@
-import { isObject } from '@dineug/shared';
+import { isObject, safeCallback } from '@dineug/shared';
 
-import {
-  AnyAction,
-  Callback,
-  ReducerRecord,
-  ValuesType,
-} from '@/internal-types';
+import { AnyAction, ReducerRecord, ValuesType } from '@/internal-types';
 import {
   AccentColor,
   Appearance,
@@ -81,17 +76,6 @@ type BridgeActionMap = {
   [BridgeActionType.webviewUpdateReadonly]: boolean;
 };
 
-function safeCallback<F extends Callback>(
-  callback?: F | void,
-  ...args: Parameters<F>
-) {
-  try {
-    return callback?.(...args);
-  } catch (e) {
-    console.error(e);
-  }
-}
-
 function createAction<P = void>(type: string) {
   function actionCreator(payload: P): AnyAction<P> {
     return { type, payload };
diff --git a/packages/erd-editor-vscode-bridge/src/internal-types/index.ts b/packages/erd-editor-vscode-bridge/src/internal-types/index.ts
index 256239b5..ae4c4ae2 100644
--- a/packages/erd-editor-vscode-bridge/src/internal-types/index.ts
+++ b/packages/erd-editor-vscode-bridge/src/internal-types/index.ts
@@ -15,5 +15,3 @@ type Reducer<K extends keyof M, M> = (action: Action<K, M>) => void;
 export type ReducerRecord<K extends keyof M, M> = {
   [P in K]: Reducer<P, M>;
 };
-
-export type Callback = (...args: any[]) => any;
diff --git a/packages/erd-editor-vscode-bridge/vite.config.ts b/packages/erd-editor-vscode-bridge/vite.config.ts
index c10ebb0c..5f9adbbf 100644
--- a/packages/erd-editor-vscode-bridge/vite.config.ts
+++ b/packages/erd-editor-vscode-bridge/vite.config.ts
@@ -2,6 +2,7 @@ import { readFileSync } from 'node:fs';
 
 import typescript from '@rollup/plugin-typescript';
 import { visualizer } from 'rollup-plugin-visualizer';
+// @ts-ignore
 import tspCompiler from 'ts-patch/compiler';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
diff --git a/packages/erd-editor-vscode-webview/vite.config.ts b/packages/erd-editor-vscode-webview/vite.config.ts
index ea8ff757..fc4b2fdf 100644
--- a/packages/erd-editor-vscode-webview/vite.config.ts
+++ b/packages/erd-editor-vscode-webview/vite.config.ts
@@ -3,11 +3,8 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig(({ command, mode }) => {
   const envDir = './environment';
-  process.env = {
-    ...process.env,
-    ...loadEnv(mode, envDir),
-  };
-  const isModern = process.env.VITE_TARGET === 'modern';
+  const env = loadEnv(mode, envDir);
+  const isModern = env.VITE_TARGET === 'modern';
   const entry = isModern ? './src/index.ts' : './src/index-legacy.ts';
   const outDir = '../erd-editor-vscode/'.concat(
     isModern ? 'public' : 'public-legacy'
diff --git a/packages/erd-editor/vite.config.ts b/packages/erd-editor/vite.config.ts
index 2a498d1d..de709b79 100644
--- a/packages/erd-editor/vite.config.ts
+++ b/packages/erd-editor/vite.config.ts
@@ -3,6 +3,7 @@ import { readFileSync } from 'node:fs';
 import rHtml from '@dineug/vite-plugin-r-html';
 import typescript from '@rollup/plugin-typescript';
 import { visualizer } from 'rollup-plugin-visualizer';
+// @ts-ignore
 import tspCompiler from 'ts-patch/compiler';
 import { defineConfig, loadEnv } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
@@ -18,13 +19,10 @@ const banner = `/*!
 
 export default defineConfig(({ command, mode }) => {
   const envDir = './environment';
-  process.env = {
-    ...process.env,
-    ...loadEnv(mode, envDir),
-  };
+  const env = loadEnv(mode, envDir);
   const isServe = command === 'serve';
   const isBuild = command === 'build';
-  const isLib = process.env.VITE_TARGET === 'lib';
+  const isLib = env.VITE_TARGET === 'lib';
 
   return {
     envDir,
diff --git a/packages/schema-sql-parser/vite.config.ts b/packages/schema-sql-parser/vite.config.ts
index 657fcdcc..8b627a11 100644
--- a/packages/schema-sql-parser/vite.config.ts
+++ b/packages/schema-sql-parser/vite.config.ts
@@ -2,6 +2,7 @@ import { readFileSync } from 'node:fs';
 
 import typescript from '@rollup/plugin-typescript';
 import { visualizer } from 'rollup-plugin-visualizer';
+// @ts-ignore
 import tspCompiler from 'ts-patch/compiler';
 import { loadEnv } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
@@ -11,9 +12,9 @@ const pkg = JSON.parse(readFileSync('package.json', { encoding: 'utf8' }));
 
 export default defineConfig(({ command, mode }) => {
   const envDir = './environment';
-  process.env = { ...process.env, ...loadEnv(mode, envDir) };
+  const env = loadEnv(mode, envDir);
   const isBuild = command === 'build';
-  const isLib = process.env.VITE_TARGET === 'lib';
+  const isLib = env.VITE_TARGET === 'lib';
 
   return {
     envDir,
