revert from unbuild to vite

demo/vue/src/main.ts

@@ -1,6 +1,9 @@
-import { createApp } from "vue"
-import App from "./App.vue"
-import { router } from "./router"
-import "vue3-notion/dist/style.css"
+import { createApp } from "vue";
+import App from "./App.vue";
+import { router } from "./router";
+import "vue3-notion/dist/style.css";
 
-createApp(App).use(router).mount("#app")
+import "prismjs/themes/prism.css";
+import "katex/dist/katex.min.css";
+
+createApp(App).use(router).mount("#app");

demo/vue/src/router/index.ts

@@ -1,13 +1,13 @@
-import { createRouter, createWebHistory } from "vue-router"
-import Home from "../view/Index.vue"
-import Page from "../view/Page.vue"
+import { createRouter, createWebHistory } from "vue-router";
+import Home from "../view/Index.vue";
+import Page from "../view/Page.vue";
 
 const routes = [
   { path: "/", name: "Home", component: Home },
-  { path: "/page/:id", name: "Page", component: Page },
-]
+  { path: "/:id", name: "Page", component: Page },
+];
 
 export const router = createRouter({
   history: createWebHistory(),
   routes,
-})
+});

package.json

@@ -5,12 +5,12 @@
   "homepage": "https://vue3-notion.vercel.app/",
   "repository": "github:zernonia/vue3-notion",
   "type": "module",
-  "main": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/vue3-notion.umd.cjs",
+  "module": "./dist/vue3-notion.js",
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/vue3-notion.js",
+      "require": "./dist/vue3-notion.umd.cjs"
     },
     "./nuxt": {
       "require": "./nuxt/index.ts",
@@ -36,28 +36,28 @@
   "scripts": {
     "dev": "vite serve playground",
     "dev:build": "vite build playground",
-    "build": "unbuild",
+    "build": "vite build",
     "preview": "vite preview",
     "version": " git add -A src",
     "postversion": "git push && git push --tags",
     "deploy": "npm run build && npm version patch && npm publish"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.4.3",
-    "@vueuse/core": "^8.7.5",
     "katex": "^0.15.1",
     "prismjs": "^1.25.0",
-    "vue": "^3.2.26",
-    "vue-router": "4"
+    "vue": "^3.2.26"
   },
   "devDependencies": {
+    "vue-router": "4",
+    "@nuxt/kit": "^3.4.3",
+    "@vueuse/core": "^8.7.5",
     "@types/katex": "^0.11.1",
     "@types/node": "^17.0.5",
     "@types/prismjs": "^1.16.6",
     "@vitejs/plugin-vue": "^4.2.1",
     "typescript": "^5.0.4",
-    "unbuild": "^1.2.1",
-    "vite": "^4.3.5"
+    "vite": "^4.3.5",
+    "vite-plugin-dts": "^2.3.0"
   },
   "peerDependencies": {
     "katex": "^0.15.1",

playground/router/index.ts

@@ -1,13 +1,13 @@
-import { createRouter, createWebHistory } from "vue-router"
-import Home from "../view/Index.vue"
-import Page from "../view/Page.vue"
+import { createRouter, createWebHistory } from "vue-router";
+import Home from "../view/Index.vue";
+import Page from "../view/Page.vue";
 
 const routes = [
   { path: "/", name: "Home", component: Home },
-  { path: "/page/:id", name: "Page", component: Page },
-]
+  { path: "/:id", name: "Page", component: Page },
+];
 
 export const router = createRouter({
   history: createWebHistory(),
   routes,
-})
+});

src/blocks/page.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useNotionBlock, defineNotionProps } from "../lib/blockable";
-import NotionPageHeader from "../blocks/helpers/page-header.vue";
 import NotionPageIcon from "../blocks/helpers/page-icon.vue";
 import NotionTextRenderer from "../blocks/helpers/text-renderer.vue";
 import { computed, StyleValue } from "vue";
@@ -21,7 +20,7 @@ const computedFont = computed(() => {
   } else if (font == "mono") {
     return { fontFamily: "iawriter-mono, Nitti, Menlo, Courier, monospace" };
   }
-}) as StyleValue;
+});
 </script>
 
 <script lang="ts">

src/components/notion-renderer.vue

@@ -2,9 +2,6 @@
 import { defineNotionProps, useNotionBlock } from "../lib/blockable";
 import NotionBlock from "../components/block.vue";
 
-import "prismjs/themes/prism.css";
-import "katex/dist/katex.min.css";
-
 const props = defineProps({ ...defineNotionProps });
 //@ts-ignore
 const { pass, block } = useNotionBlock(props);

src/index.ts

@@ -1,5 +1,6 @@
 import { App } from "vue";
 import * as components from "./components";
+import "./style.css";
 
 // Default export is library as a whole, registered via Vue.use()
 export default {

vite.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from "vite";
+import path from "path";
+import vue from "@vitejs/plugin-vue";
+import dts from "vite-plugin-dts";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    dts({
+      insertTypesEntry: true,
+    }),
+  ],
+  build: {
+    target: "esnext",
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      name: "vue3-notion",
+    },
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+        exports: "named",
+      },
+    },
+  },
+});