@kaokei/use-vue-service 2.0.5 → 3.0.1

package/README.md

@@ -1,42 +1,24 @@
-<h1 align="center">use-vue-service</h1>
+<h1 align="center">npm install @kaokei/use-vue-service</h1>
+
 <div align="center">
 
-[![Build CI](https://github.com/kaokei/use-vue-service/actions/workflows/build.yml/badge.svg)](https://github.com/kaokei/use-vue-service/actions/workflows/build.yml) [![Coverage Status](https://coveralls.io/repos/github/kaokei/use-vue-service/badge.svg?branch=main)](https://coveralls.io/github/kaokei/use-vue-service?branch=main)
+[![Build Status](https://github.com/kaokei/use-vue-service/actions/workflows/build.yml/badge.svg)](https://github.com/kaokei/use-vue-service/actions/workflows/build.yml)
+[![Coverage Status](https://coveralls.io/repos/github/kaokei/use-vue-service/badge.svg?branch=main)](https://coveralls.io/github/kaokei/use-vue-service?branch=main)
+[![Downloads](https://img.shields.io/npm/dm/@kaokei/use-vue-service.svg?sanitize=true)](https://npmcharts.com/compare/@kaokei/use-vue-service?minimal=true)
+[![Version](https://img.shields.io/npm/v/@kaokei/use-vue-service.svg?sanitize=true)](https://www.npmjs.com/package/@kaokei/use-vue-service)
+[![License](https://img.shields.io/npm/l/@kaokei/use-vue-service.svg?sanitize=true)](https://www.npmjs.com/package/@kaokei/use-vue-service)
+![GitHub Created At](https://img.shields.io/github/created-at/kaokei/use-vue-service?style=social)
 
 </div>
 
-- [documentation](https://kaokei.com/project/use-vue-service/)
-- [online playground](https://kaokei.com/project/use-vue-service/)
-- [online demo](https://use-vue-service.vercel.app/)
-
-```bash
-npm install @kaokei/use-vue-service @kaokei/di reflect-metadata
-```
-
-## 简介
-
 灵感来自 angular 中的服务的概念。在 angular 中不需要全局唯一的数据源 store。而是通过声明服务，以及向组件中注入服务来达到数据管理以及数据共享的。
 
 本库也是实现了类似的效果，可以通过依赖注入实现面向服务编程、实现领域驱动开发。从而可以代替 vuex。
 
 本库通过类来声明服务，对 typescript 支持非常棒。
 
-## 常用命令
-
-- 运行 demo 网站 `npm run dev`
-- 运行单元测试 `npm run unit`
-- 发布新版本 `npm run release patch`
-- 发布 npm 包 `npm publish`
-
-## 项目技术特点
-
-- 自带单元测试
-- 自带示例 demo 网站
-- 使用 typescript
-- 使用 editconfig 配置通用编辑器规范
-- 使用 eslint 配合编辑器作语法检查
-- 使用 eslint 配合 prettier 来格式化代码
-- 使用 eslint 配合 husky 以及 lint-stage 自动格式化提交的代码，保证 git 仓库代码的规范性
-- 使用 rollup 打包源码
-
-## MIT LICENSE
+- [入门指南](./docs/guide/README.md)
+- [API 文档](./docs/api/README.md)
+- [博客文章](./docs/note/01.父组件与子组件的理解.md)
+- [codesandbox example](https://codesandbox.io/s/di-playground-zjnyv)
+- [online demo](https://use-vue-service.vercel.app/)

package/dist/computed.d.cts

@@ -0,0 +1 @@
+export declare function Computed(_: any, key: string, descriptor: PropertyDescriptor): PropertyDescriptor;

package/dist/computed.d.ts

@@ -0,0 +1 @@
+export declare function Computed(_: any, key: string, descriptor: PropertyDescriptor): PropertyDescriptor;

package/dist/constants.d.cts

@@ -0,0 +1,9 @@
+import { Token } from '@kaokei/di';
+import { ComponentInternalInstance } from 'vue';
+import { FindChildService, FindChildrenServices } from './interface.ts';
+export declare const CURRENT_COMPONENT: Token<ComponentInternalInstance>;
+export declare const FIND_CHILD_SERVICE: Token<FindChildService>;
+export declare const FIND_CHILDREN_SERVICES: Token<FindChildrenServices>;
+export declare const SCOPE_KEY: unique symbol;
+export declare const CONTAINER_TOKEN = "USE_VUE_SERVICE_CONTAINER_TOKEN";
+export declare const DEFAULT_CONTAINER: import('@kaokei/di').Container;

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+import { Token } from '@kaokei/di';
+import { ComponentInternalInstance } from 'vue';
+import { FindChildService, FindChildrenServices } from './interface.ts';
+export declare const CURRENT_COMPONENT: Token<ComponentInternalInstance>;
+export declare const FIND_CHILD_SERVICE: Token<FindChildService>;
+export declare const FIND_CHILDREN_SERVICES: Token<FindChildrenServices>;
+export declare const SCOPE_KEY: unique symbol;
+export declare const CONTAINER_TOKEN = "USE_VUE_SERVICE_CONTAINER_TOKEN";
+export declare const DEFAULT_CONTAINER: import('@kaokei/di').Container;

package/dist/core.d.cts

@@ -0,0 +1,14 @@
+import { App } from 'vue';
+import { CommonToken } from '@kaokei/di';
+import { NewableProvider, FunctionProvider, Provider } from './interface.ts';
+export declare function useService<T>(token: CommonToken<T>): T;
+export declare function useRootService<T>(token: CommonToken<T>): T;
+export declare function useAppService<T>(token: CommonToken<T>, app: App): T;
+export declare function declareProviders(providers: FunctionProvider): void;
+export declare function declareProviders(providers: NewableProvider): void;
+export declare function declareRootProviders(providers: FunctionProvider): void;
+export declare function declareRootProviders(providers: NewableProvider): void;
+export declare function declareAppProviders(providers: FunctionProvider, app: App): void;
+export declare function declareAppProviders(providers: NewableProvider, app: App): void;
+export declare function declareAppProviders(providers: Provider, app: App): void;
+export declare function declareAppProvidersPlugin(providers: Provider): (app: App) => void;

package/dist/core.d.ts

@@ -0,0 +1,14 @@
+import { App } from 'vue';
+import { CommonToken } from '@kaokei/di';
+import { NewableProvider, FunctionProvider, Provider } from './interface.ts';
+export declare function useService<T>(token: CommonToken<T>): T;
+export declare function useRootService<T>(token: CommonToken<T>): T;
+export declare function useAppService<T>(token: CommonToken<T>, app: App): T;
+export declare function declareProviders(providers: FunctionProvider): void;
+export declare function declareProviders(providers: NewableProvider): void;
+export declare function declareRootProviders(providers: FunctionProvider): void;
+export declare function declareRootProviders(providers: NewableProvider): void;
+export declare function declareAppProviders(providers: FunctionProvider, app: App): void;
+export declare function declareAppProviders(providers: NewableProvider, app: App): void;
+export declare function declareAppProviders(providers: Provider, app: App): void;
+export declare function declareAppProvidersPlugin(providers: Provider): (app: App) => void;

package/dist/find-service.d.cts

@@ -0,0 +1,3 @@
+import { CommonToken, Container } from '@kaokei/di';
+export declare function findChildService<T>(token: CommonToken<T>, container: Container): T | undefined;
+export declare function findChildrenServices<T>(token: CommonToken<T>, container: Container): T[];

package/dist/find-service.d.ts

@@ -0,0 +1,3 @@
+import { CommonToken, Container } from '@kaokei/di';
+export declare function findChildService<T>(token: CommonToken<T>, container: Container): T | undefined;
+export declare function findChildrenServices<T>(token: CommonToken<T>, container: Container): T[];

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@kaokei/di"),r=require("vue");function E(e,t,n){return e&&e.forEach(o=>{o&&o.isCurrentBound(t)&&n.push(o.get(t)),o.children&&E(o.children,t,n)}),n}function y(e,t){const n=[];return E(t.children,e,n),n[0]}function b(e,t){const n=[];return E(t.children,e,n),n}function T(e){const t=e,n=r.effectScope(!0);return t[S]=n,n}function R(e){return e[S]}function _(e){const t=R(e);return t||T(e)}function D(e){const t=e;if(t){const n=R(t);n&&(n.stop(),delete t[S])}}function V(e){return e!==null&&typeof e=="object"}function A(e,t){return V(t)?r.reactive(t):t}function U(e){return D(e)}function w({container:e}){return t=>y(t,e)}function j({container:e}){return t=>b(t,e)}function p(e,t){let n;return e?n=e.createChild():n=new s.Container,t&&n.bind(I).toConstantValue(r.markRaw(t)),n.bind(h).toDynamicValue(w),n.bind(N).toDynamicValue(j),n.onActivation(A),n.onDeactivation(U),n}const I=new s.Token("USE_VUE_SERVICE_CURRENT_COMPONENT"),h=new s.Token("USE_REACT_SERVICE_FIND_CHILD_SERVICE"),N=new s.Token("USE_REACT_SERVICE_FIND_CHILDREN_SERVICES"),S=Symbol(),a="USE_VUE_SERVICE_CONTAINER_TOKEN",d=p();function l(e,t){if(typeof t=="function")t(e);else for(let n=0;n<t.length;n++)e.bind(t[n]).toSelf()}function g(){const e=r.getCurrentInstance();if(e){const t=a,n=e.provides,o=e.parent&&e.parent.provides;if(n&&n!==o&&Object.prototype.hasOwnProperty.call(n,t))return n[t]}}function v(){if(r.hasInjectionContext())return r.inject(a,d);throw new Error("getProvideContainer 只能在 setup 中使用")}function F(e){return(g()||v()).get(e)}function H(e){return d.get(e)}function L(e,t){return t.runWithContext(()=>v().get(e))}function M(e){const t=g();if(t)l(t,e);else{const n=v(),o=r.getCurrentInstance();let c=p(n,o);l(c,e),r.provide(a,c),r.onUnmounted(()=>{c.destroy(),c=null})}}function x(e){l(d,e)}function m(e,t){t.runWithContext(()=>{const n=r.inject(a,null);if(n)l(n,e);else{let o=p(d);l(o,e),t.provide(a,o),t.onUnmount(()=>{o.destroy(),o=null})}})}function K(e){return t=>m(e,t)}function k(e,t,n){const o=n.get,c=n.set;return{configurable:!0,enumerable:!0,get(){const i=r.reactive(this),f=Symbol.for(t);let u=i[f];if(!u){const O=_(i).run(()=>c?r.computed({get:()=>o.call(i),set:P=>c.call(i,P)}):r.computed(()=>o.call(i)));u=r.markRaw({value:O}),i[f]=u}return u.value.value},set(i){const f=r.reactive(this),u=Symbol.for(t),C=f[u];C&&c&&(C.value.value=i)}}}exports.CURRENT_COMPONENT=I;exports.Computed=k;exports.FIND_CHILDREN_SERVICES=N;exports.FIND_CHILD_SERVICE=h;exports.declareAppProviders=m;exports.declareAppProvidersPlugin=K;exports.declareProviders=M;exports.declareRootProviders=x;exports.getEffectScope=_;exports.useAppService=L;exports.useRootService=H;exports.useService=F;Object.keys(s).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>s[e]})});

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+export * from '@kaokei/di';
+export { CURRENT_COMPONENT, FIND_CHILD_SERVICE, FIND_CHILDREN_SERVICES, } from './constants.ts';
+export { useService, declareProviders, useRootService, declareRootProviders, useAppService, declareAppProviders, declareAppProvidersPlugin, } from './core.ts';
+export { Computed } from './computed.ts';
+export { getEffectScope } from './scope.ts';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from '@kaokei/di';
+export { CURRENT_COMPONENT, FIND_CHILD_SERVICE, FIND_CHILDREN_SERVICES, } from './constants.ts';
+export { useService, declareProviders, useRootService, declareRootProviders, useAppService, declareAppProviders, declareAppProvidersPlugin, } from './core.ts';
+export { Computed } from './computed.ts';
+export { getEffectScope } from './scope.ts';

package/dist/index.js

@@ -0,0 +1,167 @@
+import { Container as y, Token as d } from "@kaokei/di";
+export * from "@kaokei/di";
+import { effectScope as P, markRaw as R, reactive as C, getCurrentInstance as h, provide as T, onUnmounted as V, inject as m, hasInjectionContext as b, computed as v } from "vue";
+function E(t, e, n) {
+  return t && t.forEach((o) => {
+    o && o.isCurrentBound(e) && n.push(o.get(e)), o.children && E(o.children, e, n);
+  }), n;
+}
+function D(t, e) {
+  const n = [];
+  return E(e.children, t, n), n[0];
+}
+function U(t, e) {
+  const n = [];
+  return E(e.children, t, n), n;
+}
+function A(t) {
+  const e = t, n = P(!0);
+  return e[S] = n, n;
+}
+function I(t) {
+  return t[S];
+}
+function w(t) {
+  const e = I(t);
+  return e || A(t);
+}
+function F(t) {
+  const e = t;
+  if (e) {
+    const n = I(e);
+    n && (n.stop(), delete e[S]);
+  }
+}
+function H(t) {
+  return t !== null && typeof t == "object";
+}
+function x(t, e) {
+  return H(e) ? C(e) : e;
+}
+function L(t) {
+  return F(t);
+}
+function j({ container: t }) {
+  return (e) => D(e, t);
+}
+function K({
+  container: t
+}) {
+  return (e) => U(e, t);
+}
+function p(t, e) {
+  let n;
+  return t ? n = t.createChild() : n = new y(), e && n.bind(M).toConstantValue(R(e)), n.bind(W).toDynamicValue(j), n.bind(k).toDynamicValue(K), n.onActivation(x), n.onDeactivation(L), n;
+}
+const M = new d(
+  "USE_VUE_SERVICE_CURRENT_COMPONENT"
+), W = new d(
+  "USE_REACT_SERVICE_FIND_CHILD_SERVICE"
+), k = new d(
+  "USE_REACT_SERVICE_FIND_CHILDREN_SERVICES"
+), S = Symbol(), u = "USE_VUE_SERVICE_CONTAINER_TOKEN", a = p();
+function s(t, e) {
+  if (typeof e == "function")
+    e(t);
+  else
+    for (let n = 0; n < e.length; n++)
+      t.bind(e[n]).toSelf();
+}
+function N() {
+  const t = h();
+  if (t) {
+    const e = u, n = t.provides, o = t.parent && t.parent.provides;
+    if (
+      // 当前实例的provides存在
+      n && // 当前实例的provides已经和parentProvides不是一个对象，说明已经Object.create(parentProvides)
+      n !== o && // provides自身已经具有CONTAINER_TOKEN属性
+      Object.prototype.hasOwnProperty.call(n, e)
+    )
+      return n[e];
+  }
+}
+function _() {
+  if (b())
+    return m(u, a);
+  throw new Error("getProvideContainer 只能在 setup 中使用");
+}
+function q(t) {
+  return (N() || _()).get(t);
+}
+function z(t) {
+  return a.get(t);
+}
+function J(t, e) {
+  return e.runWithContext(() => _().get(t));
+}
+function Q(t) {
+  const e = N();
+  if (e)
+    s(e, t);
+  else {
+    const n = _(), o = h();
+    let r = p(n, o);
+    s(r, t), T(u, r), V(() => {
+      r.destroy(), r = null;
+    });
+  }
+}
+function X(t) {
+  s(a, t);
+}
+function B(t, e) {
+  e.runWithContext(() => {
+    const n = m(
+      u,
+      null
+    );
+    if (n)
+      s(n, t);
+    else {
+      let o = p(a);
+      s(o, t), e.provide(u, o), e.onUnmount(() => {
+        o.destroy(), o = null;
+      });
+    }
+  });
+}
+function Z(t) {
+  return (e) => B(t, e);
+}
+function $(t, e, n) {
+  const o = n.get, r = n.set;
+  return {
+    configurable: !0,
+    enumerable: !0,
+    get() {
+      const c = C(this), f = Symbol.for(e);
+      let i = c[f];
+      if (!i) {
+        const g = w(c).run(() => r ? v({
+          get: () => o.call(c),
+          set: (O) => r.call(c, O)
+        }) : v(() => o.call(c)));
+        i = R({ value: g }), c[f] = i;
+      }
+      return i.value.value;
+    },
+    set(c) {
+      const f = C(this), i = Symbol.for(e), l = f[i];
+      l && r && (l.value.value = c);
+    }
+  };
+}
+export {
+  M as CURRENT_COMPONENT,
+  $ as Computed,
+  k as FIND_CHILDREN_SERVICES,
+  W as FIND_CHILD_SERVICE,
+  B as declareAppProviders,
+  Z as declareAppProvidersPlugin,
+  Q as declareProviders,
+  X as declareRootProviders,
+  w as getEffectScope,
+  J as useAppService,
+  z as useRootService,
+  q as useService
+};

package/dist/interface.d.cts

@@ -0,0 +1,6 @@
+import { Container, Newable, CommonToken } from '@kaokei/di';
+export type NewableProvider = Newable[];
+export type FunctionProvider = (container: Container) => void;
+export type Provider = NewableProvider | FunctionProvider;
+export type FindChildService = <T>(token: CommonToken<T>) => T | undefined;
+export type FindChildrenServices = <T>(token: CommonToken<T>) => T[];

package/dist/interface.d.ts

@@ -0,0 +1,6 @@
+import { Container, Newable, CommonToken } from '@kaokei/di';
+export type NewableProvider = Newable[];
+export type FunctionProvider = (container: Container) => void;
+export type Provider = NewableProvider | FunctionProvider;
+export type FindChildService = <T>(token: CommonToken<T>) => T | undefined;
+export type FindChildrenServices = <T>(token: CommonToken<T>) => T[];

package/dist/scope.d.cts

@@ -0,0 +1,5 @@
+import { EffectScope } from 'vue';
+export declare function createScope(obj: object): EffectScope;
+export declare function getScope(obj: object): EffectScope | undefined;
+export declare function getEffectScope(obj: object): EffectScope;
+export declare function removeScope(obj: object): void;

package/dist/scope.d.ts

@@ -0,0 +1,5 @@
+import { EffectScope } from 'vue';
+export declare function createScope(obj: object): EffectScope;
+export declare function getScope(obj: object): EffectScope | undefined;
+export declare function getEffectScope(obj: object): EffectScope;
+export declare function removeScope(obj: object): void;

package/dist/utils.d.cts

@@ -0,0 +1,3 @@
+import { Container } from '@kaokei/di';
+import { ComponentInternalInstance } from 'vue';
+export declare function createContainer(parent?: Container, instance?: ComponentInternalInstance | null): Container;

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@kaokei/di';
+import { ComponentInternalInstance } from 'vue';
+export declare function createContainer(parent?: Container, instance?: ComponentInternalInstance | null): Container;

package/package.json

@@ -1,37 +1,24 @@
 {
   "name": "@kaokei/use-vue-service",
-  "version": "2.0.5",
-  "description": "Use angular service in vue.",
-  "main": "./dist/index.cjs.runtime.min.js",
-  "module": "./dist/index.esm.runtime.min.js",
-  "types": "./dist/src/index.d.ts",
-  "unpkg": "dist/index.iife.min.js",
-  "jsdelivr": "dist/index.iife.min.js",
+  "version": "3.0.1",
+  "type": "module",
+  "description": "Lightweight Vue 3 state management with dependency injection, inspired by Angular services.",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.cjs",
+  "jsdelivr": "./dist/index.cjs",
   "files": [
     "dist/**/*"
   ],
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "browser": "./dist/index.iife.js",
-      "node": {
-        "import": {
-          "production": "./dist/index.esm.runtime.min.js",
-          "development": "./dist/index.esm.js",
-          "default": "./dist/index.esm.js"
-        },
-        "require": {
-          "production": "./dist/index.cjs.runtime.min.js",
-          "development": "./dist/index.cjs.js",
-          "default": "./dist/index.cjs.js"
-        }
-      }
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
   },
-  "browserVariableName": "UseVueService",
   "sideEffects": false,
   "homepage": "https://github.com/kaokei/use-vue-service",
   "author": "kaokei",
@@ -52,100 +39,33 @@
     "Dependency injection"
   ],
   "scripts": {
-    "check": "tsc -p tsconfig.app.json --noEmit",
-    "rp": "rollup -c rollup.config.js",
-    "unit": "jest",
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "lint": "eslint --fix --ext js,ts,jsx,tsx,vue src tests playground example typings",
-    "dev": "webpack serve --config ./example/webpack.config.js",
-    "build:example": "webpack build --config ./example/webpack.config.js",
-    "build": "npm run check && npm run rp",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
     "clean": "rm -rf dist/*",
+    "public": "npm publish --access public",
     "postpublish": "git push origin --follow-tags",
     "prepublishOnly": "npm run clean && npm run build",
     "release": "standard-version -r",
-    "release:first": "standard-version --first-release",
-    "coverage": "open ./coverage/lcov-report/index.html",
-    "commit": "git-cz"
+    "release:first": "standard-version --first-release"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.2",
-    "@babel/plugin-transform-runtime": "^7.14.3",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/types": "^7.12.0",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@kaokei/di": "^2.0.9",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^15.1.0",
-    "@rollup/plugin-json": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-replace": "^2.4.2",
-    "@types/jest": "^26.0.20",
-    "@types/node": "^14.18.11",
-    "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@typescript-eslint/parser": "^5.11.0",
-    "@vue/compiler-sfc": "^3.2.30",
-    "@vue/test-utils": "^2.0.0-rc.17",
-    "@webpack-cli/serve": "^1.0.1",
-    "babel-jest": "^26.6.3",
-    "babel-loader": "^8.1.0",
-    "commitizen": "^4.2.4",
-    "css-loader": "^5.0.0",
-    "cz-conventional-changelog": "^3.2.0",
-    "eslint": "^7.11.0",
-    "eslint-config-prettier": "^6.13.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-vue": "^7.2.0",
-    "file-loader": "^6.1.1",
-    "fs-extra": "^9.0.1",
-    "git-cz": "^4.7.6",
-    "html-webpack-plugin": "^5.0.0-beta.6",
-    "jest": "^26.6.3",
-    "jest-environment-jsdom": "^26.6.2",
-    "jest-serializer-vue": "^2.0.2",
-    "lint-staged": "^10.4.2",
-    "prettier": "^2.1.2",
-    "reflect-metadata": "^0.2.2",
-    "rollup": "^2.67.2",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-polyfill-node": "^0.6.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.27.2",
-    "standard-version": "^9.0.0",
-    "style-loader": "^2.0.0",
-    "ts-jest": "^26.4.4",
-    "ts-loader": "^8.0.5",
-    "tslib": "^2.0.2",
-    "typescript": "^4.5.5",
-    "vue": "^3.2.30",
-    "vue-jest": "^5.0.0-alpha.7",
-    "vue-loader": "^16.0.0-beta.4",
-    "vue-router": "^4.0.0-alpha.13",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.1.3",
-    "webpack-cli": "^4.1.0",
-    "webpack-dev-server": "^3.11.0",
-    "yorkie": "^2.0.0"
+    "@kaokei/di": "^3.0.9",
+    "@types/node": "^22.15.17",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitest/coverage-v8": "^2.1.9",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^25.0.1",
+    "standard-version": "^9.5.0",
+    "typescript": "~5.6.3",
+    "vite": "^5.4.19",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^2.1.9",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^2.2.10"
   },
-  "gitHooks": {
-    "pre-commit": "lint-staged",
-    "commit-msg": "commitlint -e $GIT_PARAMS"
-  },
-  "lint-staged": {
-    "*.{ts,js,tsx,jsx,vue}": [
-      "eslint --fix"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-conventional-changelog"
-    }
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  }
+  "packageManager": "pnpm@9.9.0+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1"
 }