diff --git a/packages/client/package.json b/packages/client/package.json
index f9d614a7c97..208b68f2515 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -31,7 +31,8 @@
       "default": "./dist/api.mjs"
     },
     "./component": {
-      "default": "./dist/component.mjs"
+      "default": "./dist/component.mjs",
+      "types": "./dist/component.d.ts"
     },
     "./full": {
       "types": "./dist/waline.d.ts",
@@ -59,7 +60,8 @@
       "default": "./dist/api.mjs"
     },
     "./dist/component": {
-      "default": "./dist/component.mjs"
+      "default": "./dist/component.mjs",
+      "types": "./dist/component.d.ts"
     },
     "./dist/comment": {
       "types": "./dist/comment.d.ts",
diff --git a/packages/client/rollup.config.mjs b/packages/client/rollup.config.mjs
index 5e774186aa5..cc8f25cee1a 100644
--- a/packages/client/rollup.config.mjs
+++ b/packages/client/rollup.config.mjs
@@ -164,7 +164,15 @@ export default [
   },
 
   // components declaration files
-  // TODO: Generate declaration files
+  {
+    input: './src/entries/components.ts',
+    output: [
+      { file: './dist/component.d.cts', format: 'esm' },
+      { file: './dist/component.d.mts', format: 'esm' },
+      { file: './dist/component.d.ts', format: 'esm'}
+    ],
+    plugins: [vue(), ts(), dts({ compilerOptions: { preserveSymlinks: false } })],
+  },
 
   // api
   {