@oiij/naive-ui 0.0.2 → 0.0.4

package/dist/composables/useNaiveTheme.js

@@ -0,0 +1,119 @@
+import { computed, ref, toValue, watchEffect } from "vue";
+import { colord } from "colord";
+import { darkTheme, dateEnUS, dateZhCN, enUS, zhCN } from "naive-ui";
+
+//#region src/composables/useNaiveTheme.ts
+function getStatusColor(color = "#ff461f") {
+	return {
+		color,
+		hover: colord(color).lighten(.1).toHex(),
+		pressed: colord(color).darken(.1).toHex(),
+		suppl: colord(color).lighten(.1).toHex()
+	};
+}
+const naiveLocaleMap = {
+	"zh-CN": {
+		name: "简体中文",
+		dateLocale: dateZhCN,
+		locale: zhCN
+	},
+	"en-US": {
+		name: "English",
+		dateLocale: dateEnUS,
+		locale: enUS
+	}
+};
+function getColors(color) {
+	const { primary, info, success, warning, error } = color;
+	return {
+		primary: getStatusColor(primary),
+		info: getStatusColor(info),
+		success: getStatusColor(success),
+		warning: getStatusColor(warning),
+		error: getStatusColor(error)
+	};
+}
+function useNaiveTheme(options) {
+	const { language, darkMode, color, globalThemeOverrides } = options ?? {};
+	const languageRef = ref(toValue(language));
+	watchEffect(() => {
+		languageRef.value = toValue(language);
+	});
+	const darkModeRef = ref(toValue(darkMode));
+	watchEffect(() => {
+		darkModeRef.value = toValue(darkMode);
+	});
+	const { common, Dialog,...extra } = globalThemeOverrides ?? {};
+	const colorRef = ref({
+		primary: "#64748B",
+		info: "#06b6d4",
+		success: "#10b981",
+		warning: "#fbbf24",
+		error: "#f43f5e",
+		...color
+	});
+	function setColor(v) {
+		colorRef.value = v;
+	}
+	const theme = computed(() => {
+		return darkModeRef?.value ? darkTheme : void 0;
+	});
+	const themeOverrides = computed(() => {
+		const { primary, info, success, warning, error } = getColors(colorRef.value);
+		return {
+			common: {
+				bodyColor: darkModeRef?.value ? "#1f1f1f" : "#f5f5f5",
+				primaryColor: primary.color,
+				primaryColorHover: primary.hover,
+				primaryColorPressed: primary.pressed,
+				primaryColorSuppl: primary.suppl,
+				infoColor: info.color,
+				infoColorHover: info.hover,
+				infoColorPressed: info.pressed,
+				infoColorSuppl: info.suppl,
+				successColor: success.color,
+				successColorHover: success.hover,
+				successColorPressed: success.pressed,
+				successColorSuppl: success.suppl,
+				warningColor: warning.color,
+				warningColorHover: warning.hover,
+				warningColorPressed: warning.pressed,
+				warningColorSuppl: warning.suppl,
+				errorColor: error.color,
+				errorColorHover: error.hover,
+				errorColorPressed: error.pressed,
+				errorColorSuppl: error.suppl,
+				borderRadius: "6px",
+				...common
+			},
+			Dialog: {
+				borderRadius: "12px",
+				padding: "20px",
+				closeMargin: "20px 20px 0 0",
+				...Dialog
+			},
+			...extra
+		};
+	});
+	const locale = computed(() => {
+		if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].locale;
+		return naiveLocaleMap[languageRef.value].locale;
+	});
+	const dateLocale = computed(() => {
+		if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].dateLocale;
+		return naiveLocaleMap[languageRef.value].dateLocale;
+	});
+	return {
+		language: languageRef,
+		darkMode: darkModeRef,
+		theme,
+		themeOverrides,
+		locale,
+		dateLocale,
+		color: colorRef,
+		setColor
+	};
+}
+
+//#endregion
+export { useNaiveTheme };

package/dist/index.cjs

@@ -1,182 +1,5 @@
-"use strict";
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
+const require_useNaiveForm = require('./composables/useNaiveForm.cjs');
+const require_useNaiveTheme = require('./composables/useNaiveTheme.cjs');
 
-//#endregion
-const vue = __toESM(require("vue"));
-const colord = __toESM(require("colord"));
-const naive_ui = __toESM(require("naive-ui"));
-
-//#region src/composables/useNaiveForm.ts
-function clearObjectValues(obj) {
-	if (Array.isArray(obj)) {
-		obj.length = 0;
-		return obj;
-	}
-	if (typeof obj === "object" && obj !== null) {
-		for (const key in obj) if (Object.prototype.hasOwnProperty.call(obj, key)) obj[key] = clearObjectValues(obj[key]);
-		return obj;
-	}
-	if (typeof obj === "string") return "";
-	if (typeof obj === "number") return 0;
-	if (typeof obj === "boolean") return false;
-	return obj;
-}
-function useNaiveForm(options) {
-	const { value, rules } = options ?? {};
-	const formValue = (0, vue.ref)(structuredClone(value));
-	const formRules = rules;
-	const formRef = (0, vue.ref)();
-	const formProps = {
-		ref: formRef,
-		model: (0, vue.reactive)((0, vue.toValue)(formValue)),
-		rules: formRules
-	};
-	function validate() {
-		return formRef.value?.validate();
-	}
-	function resetValidation() {
-		formRef.value?.restoreValidation();
-	}
-	function clear() {
-		clearObjectValues(formValue.value);
-	}
-	function resetForm() {
-		clear();
-		Object.assign(formValue.value, structuredClone(value));
-	}
-	function reset() {
-		resetValidation();
-		resetForm();
-	}
-	return {
-		formRef,
-		formValue,
-		rules: formRules,
-		formProps,
-		validate,
-		resetValidation,
-		resetForm,
-		reset,
-		clear
-	};
-}
-
-//#endregion
-//#region src/composables/useNaiveTheme.ts
-function getStatusColor(color = "#ff461f") {
-	return {
-		color,
-		hover: (0, colord.colord)(color).lighten(.1).toHex(),
-		pressed: (0, colord.colord)(color).darken(.1).toHex(),
-		suppl: (0, colord.colord)(color).lighten(.1).toHex()
-	};
-}
-const naiveLocaleMap = {
-	"zh-CN": {
-		name: "简体中文",
-		dateLocale: naive_ui.dateZhCN,
-		locale: naive_ui.zhCN
-	},
-	"en-US": {
-		name: "English",
-		dateLocale: naive_ui.dateEnUS,
-		locale: naive_ui.enUS
-	}
-};
-function useNaiveTheme(darkMode, language, globalThemeOverrides) {
-	const { common, Dialog,...extra } = globalThemeOverrides || {};
-	const color = (0, vue.ref)({
-		primary: "#64748B",
-		info: "#06b6d4",
-		success: "#10b981",
-		warning: "#fbbf24",
-		error: "#f43f5e"
-	});
-	function setColor(v) {
-		color.value = v;
-	}
-	const theme = (0, vue.computed)(() => {
-		return darkMode?.value ? naive_ui.darkTheme : void 0;
-	});
-	const themeOverrides = (0, vue.computed)(() => {
-		const primary = getStatusColor(color.value.primary);
-		const info = getStatusColor(color.value.info);
-		const success = getStatusColor(color.value.success);
-		const warning = getStatusColor(color.value.warning);
-		const error = getStatusColor(color.value.error);
-		return {
-			common: {
-				bodyColor: darkMode?.value ? "#1f1f1f" : "#f5f5f5",
-				primaryColor: primary.color,
-				primaryColorHover: primary.hover,
-				primaryColorPressed: primary.pressed,
-				primaryColorSuppl: primary.suppl,
-				infoColor: info.color,
-				infoColorHover: info.hover,
-				infoColorPressed: info.pressed,
-				infoColorSuppl: info.suppl,
-				successColor: success.color,
-				successColorHover: success.hover,
-				successColorPressed: success.pressed,
-				successColorSuppl: success.suppl,
-				warningColor: warning.color,
-				warningColorHover: warning.hover,
-				warningColorPressed: warning.pressed,
-				warningColorSuppl: warning.suppl,
-				errorColor: error.color,
-				errorColorHover: error.hover,
-				errorColorPressed: error.pressed,
-				errorColorSuppl: error.suppl,
-				borderRadius: "6px",
-				...common
-			},
-			Dialog: {
-				borderRadius: "12px",
-				padding: "20px",
-				closeMargin: "20px 20px 0 0",
-				...Dialog
-			},
-			...extra
-		};
-	});
-	const locale = (0, vue.computed)(() => {
-		if (!language?.value || !naiveLocaleMap[language.value]) return naiveLocaleMap["zh-CN"].locale;
-		return naiveLocaleMap[language.value].locale;
-	});
-	const dateLocale = (0, vue.computed)(() => {
-		if (!language?.value || !naiveLocaleMap[language.value]) return naiveLocaleMap["zh-CN"].dateLocale;
-		return naiveLocaleMap[language.value].dateLocale;
-	});
-	return {
-		theme,
-		themeOverrides,
-		locale,
-		dateLocale,
-		color,
-		setColor
-	};
-}
-
-//#endregion
-exports.useNaiveForm = useNaiveForm
-exports.useNaiveTheme = useNaiveTheme
+exports.useNaiveForm = require_useNaiveForm.useNaiveForm;
+exports.useNaiveTheme = require_useNaiveTheme.useNaiveTheme;

package/dist/index.d.cts

@@ -1,51 +1,3 @@
-import { ValidateError } from "async-validator";
-import { FormInst, FormItemRule, FormRules, GlobalThemeOverrides, NDateLocale, darkTheme, enUS, zhCN } from "naive-ui";
-import { ComputedRef, Reactive, Ref } from "vue";
-
-//#region src/composables/useNaiveForm.d.ts
-type ExtendsType = Record<string, unknown>;
-type NaiveFormRules<T extends ExtendsType> = Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-interface NaiveFormOptions<T extends ExtendsType> {
-  value?: T;
-  rules?: NaiveFormRules<T>;
-}
-interface NaiveFormReturns<T extends ExtendsType> {
-  formRef: Ref<FormInst | undefined>;
-  formValue: Ref<T>;
-  rules: NaiveFormRules<T>;
-  formProps: {
-    ref: Ref<FormInst | undefined>;
-    model: Reactive<T>;
-    rules: NaiveFormRules<T>;
-  };
-  validate: () => Promise<{
-    warnings: ValidateError[][] | undefined;
-  }> | undefined;
-  resetValidation: () => void;
-  resetForm: () => void;
-  clear: () => void;
-  reset: () => void;
-}
-declare function useNaiveForm<T extends ExtendsType>(options?: NaiveFormOptions<T>): NaiveFormReturns<T>;
-
-//#endregion
-//#region src/composables/useNaiveTheme.d.ts
-interface Color {
-  primary: string;
-  info: string;
-  success: string;
-  warning: string;
-  error: string;
-}
-interface NaiveThemeReturns {
-  theme: ComputedRef<typeof darkTheme | undefined>;
-  themeOverrides: ComputedRef<GlobalThemeOverrides>;
-  locale: ComputedRef<typeof zhCN | typeof enUS>;
-  dateLocale: ComputedRef<NDateLocale>;
-  color: Ref<Color>;
-  setColor: (v: Color) => void;
-}
-declare function useNaiveTheme<T extends 'zh-CN' | 'en-US'>(darkMode?: ComputedRef<boolean> | Ref<boolean>, language?: ComputedRef<T> | Ref<T>, globalThemeOverrides?: GlobalThemeOverrides): NaiveThemeReturns;
-
-//#endregion
+import { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./composables/useNaiveForm.cjs";
+import { NaiveThemeReturns, useNaiveTheme } from "./composables/useNaiveTheme.cjs";
 export { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, NaiveThemeReturns, useNaiveForm, useNaiveTheme };

package/dist/index.d.ts

@@ -1,51 +1,3 @@
-import { ComputedRef, Reactive, Ref } from "vue";
-import { FormInst, FormItemRule, FormRules, GlobalThemeOverrides, NDateLocale, darkTheme, enUS, zhCN } from "naive-ui";
-import { ValidateError } from "async-validator";
-
-//#region src/composables/useNaiveForm.d.ts
-type ExtendsType = Record<string, unknown>;
-type NaiveFormRules<T extends ExtendsType> = Partial<Record<keyof T, FormRules | FormItemRule | FormItemRule[]>> | undefined;
-interface NaiveFormOptions<T extends ExtendsType> {
-  value?: T;
-  rules?: NaiveFormRules<T>;
-}
-interface NaiveFormReturns<T extends ExtendsType> {
-  formRef: Ref<FormInst | undefined>;
-  formValue: Ref<T>;
-  rules: NaiveFormRules<T>;
-  formProps: {
-    ref: Ref<FormInst | undefined>;
-    model: Reactive<T>;
-    rules: NaiveFormRules<T>;
-  };
-  validate: () => Promise<{
-    warnings: ValidateError[][] | undefined;
-  }> | undefined;
-  resetValidation: () => void;
-  resetForm: () => void;
-  clear: () => void;
-  reset: () => void;
-}
-declare function useNaiveForm<T extends ExtendsType>(options?: NaiveFormOptions<T>): NaiveFormReturns<T>;
-
-//#endregion
-//#region src/composables/useNaiveTheme.d.ts
-interface Color {
-  primary: string;
-  info: string;
-  success: string;
-  warning: string;
-  error: string;
-}
-interface NaiveThemeReturns {
-  theme: ComputedRef<typeof darkTheme | undefined>;
-  themeOverrides: ComputedRef<GlobalThemeOverrides>;
-  locale: ComputedRef<typeof zhCN | typeof enUS>;
-  dateLocale: ComputedRef<NDateLocale>;
-  color: Ref<Color>;
-  setColor: (v: Color) => void;
-}
-declare function useNaiveTheme<T extends 'zh-CN' | 'en-US'>(darkMode?: ComputedRef<boolean> | Ref<boolean>, language?: ComputedRef<T> | Ref<T>, globalThemeOverrides?: GlobalThemeOverrides): NaiveThemeReturns;
-
-//#endregion
+import { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./composables/useNaiveForm.js";
+import { NaiveThemeReturns, useNaiveTheme } from "./composables/useNaiveTheme.js";
 export { NaiveFormOptions, NaiveFormReturns, NaiveFormRules, NaiveThemeReturns, useNaiveForm, useNaiveTheme };

package/dist/index.js

@@ -1,157 +1,4 @@
-import { computed, reactive, ref, toValue } from "vue";
-import { colord } from "colord";
-import { darkTheme, dateEnUS, dateZhCN, enUS, zhCN } from "naive-ui";
+import { useNaiveForm } from "./composables/useNaiveForm.js";
+import { useNaiveTheme } from "./composables/useNaiveTheme.js";
 
-//#region src/composables/useNaiveForm.ts
-function clearObjectValues(obj) {
-	if (Array.isArray(obj)) {
-		obj.length = 0;
-		return obj;
-	}
-	if (typeof obj === "object" && obj !== null) {
-		for (const key in obj) if (Object.prototype.hasOwnProperty.call(obj, key)) obj[key] = clearObjectValues(obj[key]);
-		return obj;
-	}
-	if (typeof obj === "string") return "";
-	if (typeof obj === "number") return 0;
-	if (typeof obj === "boolean") return false;
-	return obj;
-}
-function useNaiveForm(options) {
-	const { value, rules } = options ?? {};
-	const formValue = ref(structuredClone(value));
-	const formRules = rules;
-	const formRef = ref();
-	const formProps = {
-		ref: formRef,
-		model: reactive(toValue(formValue)),
-		rules: formRules
-	};
-	function validate() {
-		return formRef.value?.validate();
-	}
-	function resetValidation() {
-		formRef.value?.restoreValidation();
-	}
-	function clear() {
-		clearObjectValues(formValue.value);
-	}
-	function resetForm() {
-		clear();
-		Object.assign(formValue.value, structuredClone(value));
-	}
-	function reset() {
-		resetValidation();
-		resetForm();
-	}
-	return {
-		formRef,
-		formValue,
-		rules: formRules,
-		formProps,
-		validate,
-		resetValidation,
-		resetForm,
-		reset,
-		clear
-	};
-}
-
-//#endregion
-//#region src/composables/useNaiveTheme.ts
-function getStatusColor(color = "#ff461f") {
-	return {
-		color,
-		hover: colord(color).lighten(.1).toHex(),
-		pressed: colord(color).darken(.1).toHex(),
-		suppl: colord(color).lighten(.1).toHex()
-	};
-}
-const naiveLocaleMap = {
-	"zh-CN": {
-		name: "简体中文",
-		dateLocale: dateZhCN,
-		locale: zhCN
-	},
-	"en-US": {
-		name: "English",
-		dateLocale: dateEnUS,
-		locale: enUS
-	}
-};
-function useNaiveTheme(darkMode, language, globalThemeOverrides) {
-	const { common, Dialog,...extra } = globalThemeOverrides || {};
-	const color = ref({
-		primary: "#64748B",
-		info: "#06b6d4",
-		success: "#10b981",
-		warning: "#fbbf24",
-		error: "#f43f5e"
-	});
-	function setColor(v) {
-		color.value = v;
-	}
-	const theme = computed(() => {
-		return darkMode?.value ? darkTheme : void 0;
-	});
-	const themeOverrides = computed(() => {
-		const primary = getStatusColor(color.value.primary);
-		const info = getStatusColor(color.value.info);
-		const success = getStatusColor(color.value.success);
-		const warning = getStatusColor(color.value.warning);
-		const error = getStatusColor(color.value.error);
-		return {
-			common: {
-				bodyColor: darkMode?.value ? "#1f1f1f" : "#f5f5f5",
-				primaryColor: primary.color,
-				primaryColorHover: primary.hover,
-				primaryColorPressed: primary.pressed,
-				primaryColorSuppl: primary.suppl,
-				infoColor: info.color,
-				infoColorHover: info.hover,
-				infoColorPressed: info.pressed,
-				infoColorSuppl: info.suppl,
-				successColor: success.color,
-				successColorHover: success.hover,
-				successColorPressed: success.pressed,
-				successColorSuppl: success.suppl,
-				warningColor: warning.color,
-				warningColorHover: warning.hover,
-				warningColorPressed: warning.pressed,
-				warningColorSuppl: warning.suppl,
-				errorColor: error.color,
-				errorColorHover: error.hover,
-				errorColorPressed: error.pressed,
-				errorColorSuppl: error.suppl,
-				borderRadius: "6px",
-				...common
-			},
-			Dialog: {
-				borderRadius: "12px",
-				padding: "20px",
-				closeMargin: "20px 20px 0 0",
-				...Dialog
-			},
-			...extra
-		};
-	});
-	const locale = computed(() => {
-		if (!language?.value || !naiveLocaleMap[language.value]) return naiveLocaleMap["zh-CN"].locale;
-		return naiveLocaleMap[language.value].locale;
-	});
-	const dateLocale = computed(() => {
-		if (!language?.value || !naiveLocaleMap[language.value]) return naiveLocaleMap["zh-CN"].dateLocale;
-		return naiveLocaleMap[language.value].dateLocale;
-	});
-	return {
-		theme,
-		themeOverrides,
-		locale,
-		dateLocale,
-		color,
-		setColor
-	};
-}
-
-//#endregion
 export { useNaiveForm, useNaiveTheme };

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@oiij/naive-ui",
   "type": "module",
-  "version": "0.0.2",
-  "description": "",
+  "version": "0.0.4",
+  "description": "Som Composable Functions And Components for Vue 3",
   "author": "oiij",
   "license": "MIT",
-  "homepage": "https://github.com/oiij/naive-ui",
+  "homepage": "https://github.com/oiij/use",
   "repository": {
     "type": "git",
-    "url": "git@github.com:oiij/naive-ui.git"
+    "url": "git@github.com:oiij/use.git"
   },
-  "bugs": "https://github.com/oiij/naive-ui/issues",
+  "bugs": "https://github.com/oiij/use/issues",
   "keywords": [
+    "@oiij/use",
     "naive-ui"
   ],
   "sideEffects": false,
@@ -36,76 +37,39 @@
     "dist",
     "package.json"
   ],
-  "scripts": {
-    "dev": "tsdown --watch",
-    "dev:vite": "vite build --watch",
-    "build": "vue-tsc --noEmit && tsdown && vite build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "prepublishOnly": "pnpm build",
-    "release": "bumpp && npm publish",
-    "awe": "pnpx are-we-esm",
-    "nmi": "pnpx node-modules-inspector",
-    "start": "esno src/index.ts",
-    "test": "vitest",
-    "update:deps": "taze -w && pnpm i",
-    "type:check": "vue-tsc --noEmit",
-    "cz": "czg",
-    "commit": "git pull && git add -A && pnpm cz && git push",
-    "link": "pnpm link --global",
-    "preinstall": "npx only-allow pnpm"
-  },
   "peerDependencies": {
     "@vueuse/core": "^13.1.0",
     "async-validator": "^4.2.5",
     "colord": "^2.9.3",
     "naive-ui": "^2.41.0",
-    "radash": "^12.1.0",
-    "vue": "^3.5.13"
+    "prismjs": "^1.30.0",
+    "vue": "^3.5.13",
+    "vue-hooks-plus": "^2.4.0",
+    "@oiij/css-render": "0.0.1",
+    "@oiij/markdown-it": "0.0.2",
+    "@oiij/use": "0.0.15"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.13.0",
-    "@oiij/tsconfig": "^0.0.1",
-    "@types/node": "^22.15.16",
-    "@vitejs/plugin-vue": "^5.2.3",
-    "@vitest/ui": "^3.1.3",
-    "@vueuse/core": "^13.1.0",
+    "@types/prismjs": "^1.26.5",
+    "@vueuse/core": "^13.3.0",
     "async-validator": "^4.2.5",
-    "bumpp": "^10.1.0",
     "colord": "^2.9.3",
-    "commitlint": "^19.8.1",
-    "cz-git": "^1.11.1",
-    "czg": "^1.11.1",
-    "eslint": "^9.26.0",
-    "eslint-plugin-format": "^1.0.1",
-    "esno": "^4.8.0",
-    "lint-staged": "^15.5.2",
-    "naive-ui": "^2.41.0",
-    "radash": "^12.1.0",
-    "simple-git-hooks": "^2.13.0",
-    "taze": "^19.1.0",
-    "tsdown": "^0.11.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.3",
-    "vitepress": "^1.6.3",
-    "vitepress-demo-plugin": "^1.4.1",
-    "vitest": "^3.1.3",
-    "vue": "^3.5.13",
-    "vue-tsc": "^2.2.10"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm lint-staged && pnpm type:check"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "pnpm lint:fix"
-    ]
+    "naive-ui": "^2.41.1",
+    "prismjs": "^1.30.0",
+    "vue": "^3.5.16",
+    "vue-component-type-helpers": "^2.2.10",
+    "vue-hooks-plus": "^2.4.0",
+    "@oiij/markdown-it": "0.0.2",
+    "@oiij/css-render": "0.0.1",
+    "@oiij/use": "0.0.15"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "dev": "tsdown --watch",
+    "dev:vite": "vite build --watch",
+    "build": "vue-tsc --noEmit && tsdown && vite build",
+    "bumpp": "bumpp --no-push"
   }
-}
+}