diff --git a/README.md b/README.md
index 0cf8f5f..aecd36f 100644
--- a/README.md
+++ b/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
diff --git a/package.json b/package.json
index 3ffe733..1068059 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,13 @@
   "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",
@@ -10,7 +17,7 @@
     "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",
diff --git a/tsconfig.json b/tsconfig.json
index 4dbd9a8..3517ca6 100644
--- a/tsconfig.json
+++ b/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" }]