diff --git a/documents/package.json b/documents/package.json
index 887f1c7f..4b2fc630 100644
--- a/documents/package.json
+++ b/documents/package.json
@@ -21,6 +21,7 @@
     "@docusaurus/theme-live-codeblock": "^2.2.0",
     "@docusaurus/theme-common": "^2.2.0",
     "@docsearch/react": "^3.3.0",
+    "@sakitam-gis/vis-engine": "workspace:*",
     "clsx": "^1.2.1",
     "prism-react-renderer": "^1.3.5",
     "react": "^18.2.0",
diff --git a/documents/src/components/draw-model.tsx b/documents/src/components/draw-model.tsx
index 10cce210..f3b0134d 100644
--- a/documents/src/components/draw-model.tsx
+++ b/documents/src/components/draw-model.tsx
@@ -5,7 +5,7 @@ import fragment from 'raw-loader!glslify-loader!./shaders/draw-modes.frag.glsl';
 
 import { observe, unobserve } from '../utils/observer';
 
-import { Renderer, Mesh, Raf, Scene, Program, PerspectiveCamera, Geometry } from '../../../';
+import { Renderer, Mesh, Raf, Scene, Program, PerspectiveCamera, Geometry } from '@sakitam-gis/vis-engine';
 
 export default function DrawModel(props) {
   const refDom = useRef(null);
diff --git a/documents/src/components/try.tsx b/documents/src/components/try.tsx
index 9e2ae83e..ff9053dd 100644
--- a/documents/src/components/try.tsx
+++ b/documents/src/components/try.tsx
@@ -5,7 +5,7 @@ import fragment from 'raw-loader!glslify-loader!./shaders/draw-modes.frag.glsl';
 
 import { observe, unobserve } from '../utils/observer';
 
-import { Renderer, Mesh, Raf, Scene, Program, PerspectiveCamera, Geometry } from '../../../';
+import { Renderer, Mesh, Raf, Scene, Program, PerspectiveCamera, Geometry } from '@sakitam-gis/vis-engine';
 
 export default function DrawModel(props) {
   const refDom = useRef(null);
diff --git a/documents/src/theme/ReactLiveScope.tsx b/documents/src/theme/ReactLiveScope.tsx
index 6bfe7907..bd7b2b35 100644
--- a/documents/src/theme/ReactLiveScope.tsx
+++ b/documents/src/theme/ReactLiveScope.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import * as leva from 'leva';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import * as ve from '../../../';
+import * as ve from '@sakitam-gis/vis-engine';
 
 import { observe, unobserve } from '../utils/observer';
 
diff --git a/playground/package.json b/playground/package.json
index 5241e912..27a2b94a 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -22,6 +22,7 @@
   "dependencies": {
     "@loaders.gl/core": "^3.2.12",
     "@loaders.gl/gltf": "^3.2.12",
+    "@sakitam-gis/vis-engine": "workspace:*",
     "lodash": "^4.17.21",
     "resize-observer-polyfill": "^1.5.1",
     "leva": "^0.9.34",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6255fc23..bb2f4f8c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -137,6 +137,7 @@ importers:
       '@docusaurus/preset-classic': ^2.2.0
       '@docusaurus/theme-common': ^2.2.0
       '@docusaurus/theme-live-codeblock': ^2.2.0
+      '@sakitam-gis/vis-engine': workspace:*
       '@svgr/webpack': ^6.5.1
       '@tsconfig/docusaurus': ^1.0.6
       '@types/react': ^18.0.25
@@ -159,6 +160,7 @@ importers:
       '@docusaurus/preset-classic': 2.2.0_abd98dc70dfcbf4d0421fd33c4c2f711
       '@docusaurus/theme-common': 2.2.0_d01f422f683fef628aebe65173e01fe6
       '@docusaurus/theme-live-codeblock': 2.2.0_d01f422f683fef628aebe65173e01fe6
+      '@sakitam-gis/vis-engine': link:..
       clsx: 1.2.1
       leva: 0.9.34_react-dom@18.2.0+react@18.2.0
       prism-react-renderer: 1.3.5_react@18.2.0
@@ -180,6 +182,7 @@ importers:
     specifiers:
       '@loaders.gl/core': ^3.2.12
       '@loaders.gl/gltf': ^3.2.12
+      '@sakitam-gis/vis-engine': workspace:*
       '@types/lodash': ^4.14.189
       '@types/node': ^18.11.9
       '@vitejs/plugin-legacy': ^2.3.1
@@ -203,6 +206,7 @@ importers:
     dependencies:
       '@loaders.gl/core': 3.2.12
       '@loaders.gl/gltf': 3.2.12
+      '@sakitam-gis/vis-engine': link:..
       leva: 0.9.34_react-dom@18.2.0+react@18.2.0
       lodash: 4.17.21
       react: 18.2.0