Merge pull request #63 from Dashibase/add-types

Add types to npm package

README.md

@@ -19,7 +19,7 @@
 > We shared about Lotion and recreating the Notion UI during [CityJS Singapore's pre-conference meetup on 27th July](https://twitter.com/dashibase/status/1554070309224861696?s=20&t=f9pkIgoxYUCgAL5tRTxK4Q)!
 
 <p align="center">
-  <img src="./assets/lotion.png" style="border-radius: 10px;" />
+  <img src="https://github.com/Dashibase/lotion/blob/main/assets/lotion.png" style="border-radius: 10px;" />
 </p>
 
 ## Features

package.json

@@ -3,14 +3,21 @@
   "version": "0.1.2",
   "type": "module",
   "main": "lib/lotion.js",
+  "types": "types/src/index.d.ts",
+  "keywords": [
+    "vue",
+    "notion",
+    "editor",
+    "markdown"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "test:unit": "vitest",
     "test:e2e": "playwright test",
     "coverage": "vitest run --coverage",
-    "build-bundle": "vite build --mode library && npx tailwind -c ./tailwind.config.cjs -i ./src/index.css -o lib/style.css"
+    "build-bundle": "tsc && vite build --mode library && npx tailwind -c ./tailwind.config.cjs -i ./src/index.css -o lib/style.css"
   },
   "dependencies": {
     "@tiptap/extension-placeholder": "^2.0.0-beta.53",

tsconfig.json

@@ -14,7 +14,9 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "types": ["vitest/globals"]
+    "types": ["vitest/globals"],
+    "declaration": true,
+    "declarationDir": "./types"
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "tests/unit/*.ts", "tests/compnents/*.ts"],
   "references": [{ "path": "./tsconfig.node.json" }]