diff --git a/src/action-bar/test/__snapshots__/demo.spec.js.snap b/src/action-bar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/action-bar/test/__snapshots__/demo.spec.js.snap
rename to src/action-bar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/action-bar/test/demo.spec.js b/src/action-bar/test/demo.spec.ts
similarity index 65%
rename from src/action-bar/test/demo.spec.js
rename to src/action-bar/test/demo.spec.ts
index 5c70922b5..c0e0c95b9 100644
--- a/src/action-bar/test/demo.spec.js
+++ b/src/action-bar/test/demo.spec.ts
@@ -1,4 +1,4 @@
-import Demo from '../demo';
+import Demo from '../demo/index.vue';
 import { snapshotDemo } from '../../../test/demo';
 
 snapshotDemo(Demo);
diff --git a/src/action-sheet/test/__snapshots__/demo.spec.js.snap b/src/action-sheet/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/action-sheet/test/__snapshots__/demo.spec.js.snap
rename to src/action-sheet/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/action-sheet/test/demo.spec.js b/src/action-sheet/test/demo.spec.ts
similarity index 65%
rename from src/action-sheet/test/demo.spec.js
rename to src/action-sheet/test/demo.spec.ts
index 5c70922b5..c0e0c95b9 100644
--- a/src/action-sheet/test/demo.spec.js
+++ b/src/action-sheet/test/demo.spec.ts
@@ -1,4 +1,4 @@
-import Demo from '../demo';
+import Demo from '../demo/index.vue';
 import { snapshotDemo } from '../../../test/demo';
 
 snapshotDemo(Demo);
diff --git a/src/address-edit/test/__snapshots__/demo.spec.js.snap b/src/address-edit/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/address-edit/test/__snapshots__/demo.spec.js.snap
rename to src/address-edit/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/address-edit/test/demo.spec.js b/src/address-edit/test/demo.spec.ts
similarity index 65%
rename from src/address-edit/test/demo.spec.js
rename to src/address-edit/test/demo.spec.ts
index 5c70922b5..c0e0c95b9 100644
--- a/src/address-edit/test/demo.spec.js
+++ b/src/address-edit/test/demo.spec.ts
@@ -1,4 +1,4 @@
-import Demo from '../demo';
+import Demo from '../demo/index.vue';
 import { snapshotDemo } from '../../../test/demo';
 
 snapshotDemo(Demo);
diff --git a/src/address-list/test/__snapshots__/demo.spec.js.snap b/src/address-list/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/address-list/test/__snapshots__/demo.spec.js.snap
rename to src/address-list/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/address-list/test/demo.spec.js b/src/address-list/test/demo.spec.ts
similarity index 65%
rename from src/address-list/test/demo.spec.js
rename to src/address-list/test/demo.spec.ts
index 5c70922b5..c0e0c95b9 100644
--- a/src/address-list/test/demo.spec.js
+++ b/src/address-list/test/demo.spec.ts
@@ -1,4 +1,4 @@
-import Demo from '../demo';
+import Demo from '../demo/index.vue';
 import { snapshotDemo } from '../../../test/demo';
 
 snapshotDemo(Demo);
diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/area/test/__snapshots__/demo.spec.js.snap
rename to src/area/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/area/test/demo.spec.js b/src/area/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/area/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/area/test/demo.spec.ts b/src/area/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/area/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/badge/test/__snapshots__/demo.spec.js.snap b/src/badge/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/badge/test/__snapshots__/demo.spec.js.snap
rename to src/badge/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/badge/test/demo.spec.js b/src/badge/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/badge/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/badge/test/demo.spec.ts b/src/badge/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/badge/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/button/test/__snapshots__/demo.spec.js.snap b/src/button/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/button/test/__snapshots__/demo.spec.js.snap
rename to src/button/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/button/test/demo.spec.js b/src/button/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/button/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/button/test/demo.spec.ts b/src/button/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/button/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/calendar/test/__snapshots__/demo.spec.js.snap b/src/calendar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/calendar/test/__snapshots__/demo.spec.js.snap
rename to src/calendar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/calendar/test/demo.spec.js b/src/calendar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/calendar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/calendar/test/demo.spec.ts b/src/calendar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/calendar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/card/test/__snapshots__/demo.spec.js.snap b/src/card/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/card/test/__snapshots__/demo.spec.js.snap
rename to src/card/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/card/test/demo.spec.js b/src/card/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/card/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/card/test/demo.spec.ts b/src/card/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/card/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/cascader/test/__snapshots__/demo.spec.js.snap b/src/cascader/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/cascader/test/__snapshots__/demo.spec.js.snap
rename to src/cascader/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/cascader/test/demo.spec.js b/src/cascader/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/cascader/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/cascader/test/demo.spec.ts b/src/cascader/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/cascader/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/cell/test/__snapshots__/demo.spec.js.snap b/src/cell/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/cell/test/__snapshots__/demo.spec.js.snap
rename to src/cell/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/cell/test/demo.spec.js b/src/cell/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/cell/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/cell/test/demo.spec.ts b/src/cell/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/cell/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/checkbox/test/__snapshots__/demo.spec.js.snap b/src/checkbox/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/checkbox/test/__snapshots__/demo.spec.js.snap
rename to src/checkbox/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/checkbox/test/demo.spec.js b/src/checkbox/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/checkbox/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/checkbox/test/demo.spec.ts b/src/checkbox/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/checkbox/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/checkbox/test/index.spec.ts b/src/checkbox/test/index.spec.ts
index 8ac51471a..4928b8297 100644
--- a/src/checkbox/test/index.spec.ts
+++ b/src/checkbox/test/index.spec.ts
@@ -6,11 +6,11 @@ test('should emit "update:modelValue" event when checkbox icon is clicked', asyn
 
   const icon = wrapper.find('.van-checkbox__icon');
   icon.trigger('click');
-  expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(true);
+  expect(wrapper.emitted<boolean[]>('update:modelValue')[0][0]).toEqual(true);
 
   await wrapper.setProps({ modelValue: true });
   icon.trigger('click');
-  expect(wrapper.emitted('update:modelValue')[1][0]).toEqual(false);
+  expect(wrapper.emitted<boolean[]>('update:modelValue')[1][0]).toEqual(false);
 });
 
 test('should emit change event when modelValue is changed', async () => {
@@ -19,11 +19,11 @@ test('should emit change event when modelValue is changed', async () => {
   const icon = wrapper.find('.van-checkbox__icon');
   icon.trigger('click');
   await wrapper.setProps({ modelValue: true });
-  expect(wrapper.emitted('change')[0][0]).toEqual(true);
+  expect(wrapper.emitted<boolean[]>('change')[0][0]).toEqual(true);
 
   icon.trigger('click');
   await wrapper.setProps({ modelValue: false });
-  expect(wrapper.emitted('change')[1][0]).toEqual(false);
+  expect(wrapper.emitted<boolean[]>('change')[1][0]).toEqual(false);
 });
 
 test('should not emit "update:modelValue" event when checkbox icon is disabled and clicked', () => {
@@ -59,7 +59,7 @@ test('should emit "update:modelValue" event when label is clicked', () => {
 
   const icon = wrapper.find('.van-checkbox__label');
   icon.trigger('click');
-  expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(true);
+  expect(wrapper.emitted<boolean[]>('update:modelValue')[0][0]).toEqual(true);
 });
 
 test('should not emit "update:modelValue" event when label is disabled and clicked', () => {
diff --git a/src/circle/test/__snapshots__/demo.spec.js.snap b/src/circle/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/circle/test/__snapshots__/demo.spec.js.snap
rename to src/circle/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/circle/test/demo.spec.js b/src/circle/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/circle/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/circle/test/demo.spec.ts b/src/circle/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/circle/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/col/test/__snapshots__/demo.spec.js.snap b/src/col/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/col/test/__snapshots__/demo.spec.js.snap
rename to src/col/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/col/test/demo.spec.js b/src/col/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/col/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/col/test/demo.spec.ts b/src/col/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/col/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/collapse/test/__snapshots__/demo.spec.js.snap b/src/collapse/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/collapse/test/__snapshots__/demo.spec.js.snap
rename to src/collapse/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/collapse/test/demo.spec.js b/src/collapse/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/collapse/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/collapse/test/demo.spec.ts b/src/collapse/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/collapse/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/contact-card/test/__snapshots__/demo.spec.js.snap b/src/contact-card/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/contact-card/test/__snapshots__/demo.spec.js.snap
rename to src/contact-card/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/contact-card/test/demo.spec.js b/src/contact-card/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/contact-card/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/contact-card/test/demo.spec.ts b/src/contact-card/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/contact-card/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/contact-edit/test/__snapshots__/demo.spec.js.snap b/src/contact-edit/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/contact-edit/test/__snapshots__/demo.spec.js.snap
rename to src/contact-edit/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/contact-edit/test/demo.spec.js b/src/contact-edit/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/contact-edit/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/contact-edit/test/demo.spec.ts b/src/contact-edit/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/contact-edit/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/contact-list/test/__snapshots__/demo.spec.js.snap b/src/contact-list/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/contact-list/test/__snapshots__/demo.spec.js.snap
rename to src/contact-list/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/contact-list/test/demo.spec.js b/src/contact-list/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/contact-list/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/contact-list/test/demo.spec.ts b/src/contact-list/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/contact-list/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/coupon-list/test/__snapshots__/demo.spec.js.snap b/src/coupon-list/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/coupon-list/test/__snapshots__/demo.spec.js.snap
rename to src/coupon-list/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/coupon-list/test/demo.spec.js b/src/coupon-list/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/coupon-list/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/coupon-list/test/demo.spec.ts b/src/coupon-list/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/coupon-list/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap b/src/datetime-picker/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/datetime-picker/test/__snapshots__/demo.spec.js.snap
rename to src/datetime-picker/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/datetime-picker/test/demo.spec.js b/src/datetime-picker/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/datetime-picker/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/datetime-picker/test/demo.spec.ts b/src/datetime-picker/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/datetime-picker/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/dialog/test/__snapshots__/demo.spec.js.snap b/src/dialog/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/dialog/test/__snapshots__/demo.spec.js.snap
rename to src/dialog/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/dialog/test/demo.spec.js b/src/dialog/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/dialog/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/dialog/test/demo.spec.ts b/src/dialog/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/dialog/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/divider/test/__snapshots__/demo.spec.js.snap b/src/divider/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/divider/test/__snapshots__/demo.spec.js.snap
rename to src/divider/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/divider/test/demo.spec.js b/src/divider/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/divider/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/divider/test/demo.spec.ts b/src/divider/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/divider/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/dropdown-menu/test/__snapshots__/demo.spec.js.snap b/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/dropdown-menu/test/__snapshots__/demo.spec.js.snap
rename to src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/dropdown-menu/test/demo.spec.js b/src/dropdown-menu/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/dropdown-menu/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/dropdown-menu/test/demo.spec.ts b/src/dropdown-menu/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/dropdown-menu/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/empty/test/__snapshots__/demo.spec.js.snap b/src/empty/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/empty/test/__snapshots__/demo.spec.js.snap
rename to src/empty/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/empty/test/demo.spec.js b/src/empty/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/empty/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/empty/test/demo.spec.ts b/src/empty/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/empty/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/field/test/__snapshots__/demo.spec.js.snap b/src/field/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/field/test/__snapshots__/demo.spec.js.snap
rename to src/field/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/field/test/demo.spec.js b/src/field/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/field/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/field/test/demo.spec.ts b/src/field/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/field/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/form/test/__snapshots__/demo.spec.js.snap b/src/form/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/form/test/__snapshots__/demo.spec.js.snap
rename to src/form/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/form/test/demo.spec.js b/src/form/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/form/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/form/test/demo.spec.ts b/src/form/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/form/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/grid/test/__snapshots__/demo.spec.js.snap
rename to src/grid/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/grid/test/demo.spec.js b/src/grid/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/grid/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/grid/test/demo.spec.ts b/src/grid/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/grid/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/icon/test/__snapshots__/demo.spec.js.snap b/src/icon/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/icon/test/__snapshots__/demo.spec.js.snap
rename to src/icon/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/icon/test/demo.spec.js b/src/icon/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/icon/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/icon/test/demo.spec.ts b/src/icon/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/icon/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/image/test/__snapshots__/demo.spec.js.snap b/src/image/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/image/test/__snapshots__/demo.spec.js.snap
rename to src/image/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/image/test/demo.spec.js b/src/image/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/image/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/image/test/demo.spec.ts b/src/image/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/image/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/index-bar/test/__snapshots__/demo.spec.js.snap b/src/index-bar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/index-bar/test/__snapshots__/demo.spec.js.snap
rename to src/index-bar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/index-bar/test/demo.spec.js b/src/index-bar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/index-bar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/index-bar/test/demo.spec.ts b/src/index-bar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/index-bar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/list/test/__snapshots__/demo.spec.js.snap b/src/list/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/list/test/__snapshots__/demo.spec.js.snap
rename to src/list/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/list/test/demo.spec.js b/src/list/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/list/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/list/test/demo.spec.ts b/src/list/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/list/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/loading/test/__snapshots__/demo.spec.js.snap b/src/loading/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/loading/test/__snapshots__/demo.spec.js.snap
rename to src/loading/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/loading/test/demo.spec.js b/src/loading/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/loading/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/loading/test/demo.spec.ts b/src/loading/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/loading/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/nav-bar/test/__snapshots__/demo.spec.js.snap b/src/nav-bar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/nav-bar/test/__snapshots__/demo.spec.js.snap
rename to src/nav-bar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/nav-bar/test/demo.spec.js b/src/nav-bar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/nav-bar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/nav-bar/test/demo.spec.ts b/src/nav-bar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/nav-bar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/notice-bar/test/__snapshots__/demo.spec.js.snap b/src/notice-bar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/notice-bar/test/__snapshots__/demo.spec.js.snap
rename to src/notice-bar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/notice-bar/test/demo.spec.js b/src/notice-bar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/notice-bar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/notice-bar/test/demo.spec.ts b/src/notice-bar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/notice-bar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/notify/test/__snapshots__/demo.spec.js.snap b/src/notify/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/notify/test/__snapshots__/demo.spec.js.snap
rename to src/notify/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/notify/test/demo.spec.js b/src/notify/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/notify/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/notify/test/demo.spec.ts b/src/notify/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/notify/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/number-keyboard/test/__snapshots__/demo.spec.js.snap b/src/number-keyboard/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/number-keyboard/test/__snapshots__/demo.spec.js.snap
rename to src/number-keyboard/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/number-keyboard/test/demo.spec.js b/src/number-keyboard/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/number-keyboard/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/number-keyboard/test/demo.spec.ts b/src/number-keyboard/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/number-keyboard/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/overlay/test/__snapshots__/demo.spec.js.snap b/src/overlay/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/overlay/test/__snapshots__/demo.spec.js.snap
rename to src/overlay/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/overlay/test/demo.spec.js b/src/overlay/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/overlay/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/overlay/test/demo.spec.ts b/src/overlay/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/overlay/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/pagination/test/__snapshots__/demo.spec.js.snap b/src/pagination/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/pagination/test/__snapshots__/demo.spec.js.snap
rename to src/pagination/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/pagination/test/demo.spec.js b/src/pagination/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/pagination/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/pagination/test/demo.spec.ts b/src/pagination/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/pagination/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/password-input/test/__snapshots__/demo.spec.js.snap b/src/password-input/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/password-input/test/__snapshots__/demo.spec.js.snap
rename to src/password-input/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/password-input/test/demo.spec.js b/src/password-input/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/password-input/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/password-input/test/demo.spec.ts b/src/password-input/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/password-input/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/picker/test/__snapshots__/demo.spec.js.snap
rename to src/picker/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/picker/test/demo.spec.js b/src/picker/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/picker/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/picker/test/demo.spec.ts b/src/picker/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/picker/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/popover/test/__snapshots__/demo.spec.js.snap b/src/popover/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/popover/test/__snapshots__/demo.spec.js.snap
rename to src/popover/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/popover/test/demo.spec.js b/src/popover/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/popover/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/popover/test/demo.spec.ts b/src/popover/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/popover/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/popup/test/__snapshots__/demo.spec.js.snap b/src/popup/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/popup/test/__snapshots__/demo.spec.js.snap
rename to src/popup/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/popup/test/demo.spec.js b/src/popup/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/popup/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/popup/test/demo.spec.ts b/src/popup/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/popup/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/progress/test/__snapshots__/demo.spec.js.snap b/src/progress/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/progress/test/__snapshots__/demo.spec.js.snap
rename to src/progress/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/progress/test/demo.spec.js b/src/progress/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/progress/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/progress/test/demo.spec.ts b/src/progress/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/progress/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/pull-refresh/test/__snapshots__/demo.spec.js.snap b/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/pull-refresh/test/__snapshots__/demo.spec.js.snap
rename to src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/pull-refresh/test/demo.spec.js b/src/pull-refresh/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/pull-refresh/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/pull-refresh/test/demo.spec.ts b/src/pull-refresh/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/pull-refresh/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/radio/test/__snapshots__/demo.spec.js.snap b/src/radio/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/radio/test/__snapshots__/demo.spec.js.snap
rename to src/radio/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/radio/test/demo.spec.js b/src/radio/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/radio/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/radio/test/demo.spec.ts b/src/radio/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/radio/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/rate/test/__snapshots__/demo.spec.js.snap b/src/rate/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/rate/test/__snapshots__/demo.spec.js.snap
rename to src/rate/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/rate/test/demo.spec.js b/src/rate/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/rate/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/rate/test/demo.spec.ts b/src/rate/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/rate/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/search/test/__snapshots__/demo.spec.js.snap b/src/search/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/search/test/__snapshots__/demo.spec.js.snap
rename to src/search/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/search/test/demo.spec.js b/src/search/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/search/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/search/test/demo.spec.ts b/src/search/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/search/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/share-sheet/test/__snapshots__/demo.spec.js.snap b/src/share-sheet/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/share-sheet/test/__snapshots__/demo.spec.js.snap
rename to src/share-sheet/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/share-sheet/test/demo.spec.js b/src/share-sheet/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/share-sheet/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/share-sheet/test/demo.spec.ts b/src/share-sheet/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/share-sheet/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/sidebar/test/__snapshots__/demo.spec.js.snap b/src/sidebar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/sidebar/test/__snapshots__/demo.spec.js.snap
rename to src/sidebar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/sidebar/test/demo.spec.js b/src/sidebar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/sidebar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/sidebar/test/demo.spec.ts b/src/sidebar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/sidebar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/skeleton/test/__snapshots__/demo.spec.js.snap b/src/skeleton/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/skeleton/test/__snapshots__/demo.spec.js.snap
rename to src/skeleton/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/skeleton/test/demo.spec.js b/src/skeleton/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/skeleton/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/skeleton/test/demo.spec.ts b/src/skeleton/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/skeleton/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/slider/test/__snapshots__/demo.spec.js.snap b/src/slider/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/slider/test/__snapshots__/demo.spec.js.snap
rename to src/slider/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/slider/test/demo.spec.js b/src/slider/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/slider/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/slider/test/demo.spec.ts b/src/slider/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/slider/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/stepper/test/__snapshots__/demo.spec.js.snap b/src/stepper/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/stepper/test/__snapshots__/demo.spec.js.snap
rename to src/stepper/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/stepper/test/demo.spec.js b/src/stepper/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/stepper/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/stepper/test/demo.spec.ts b/src/stepper/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/stepper/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/steps/test/__snapshots__/demo.spec.js.snap b/src/steps/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/steps/test/__snapshots__/demo.spec.js.snap
rename to src/steps/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/steps/test/demo.spec.js b/src/steps/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/steps/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/steps/test/demo.spec.ts b/src/steps/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/steps/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/sticky/test/__snapshots__/demo.spec.js.snap b/src/sticky/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/sticky/test/__snapshots__/demo.spec.js.snap
rename to src/sticky/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/sticky/test/demo.spec.js b/src/sticky/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/sticky/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/sticky/test/demo.spec.ts b/src/sticky/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/sticky/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/submit-bar/test/__snapshots__/demo.spec.js.snap b/src/submit-bar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/submit-bar/test/__snapshots__/demo.spec.js.snap
rename to src/submit-bar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/submit-bar/test/demo.spec.js b/src/submit-bar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/submit-bar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/submit-bar/test/demo.spec.ts b/src/submit-bar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/submit-bar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/swipe-cell/test/__snapshots__/demo.spec.js.snap b/src/swipe-cell/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/swipe-cell/test/__snapshots__/demo.spec.js.snap
rename to src/swipe-cell/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/swipe-cell/test/demo.spec.js b/src/swipe-cell/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/swipe-cell/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/swipe-cell/test/demo.spec.ts b/src/swipe-cell/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/swipe-cell/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/swipe/test/__snapshots__/demo.spec.js.snap b/src/swipe/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/swipe/test/__snapshots__/demo.spec.js.snap
rename to src/swipe/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/swipe/test/demo.spec.js b/src/swipe/test/demo.spec.ts
similarity index 82%
rename from src/swipe/test/demo.spec.js
rename to src/swipe/test/demo.spec.ts
index 43aab9265..fc2544d84 100644
--- a/src/swipe/test/demo.spec.js
+++ b/src/swipe/test/demo.spec.ts
@@ -1,8 +1,8 @@
-import Demo from '../demo';
+import Demo from '../demo/index.vue';
 import { snapshotDemo } from '../../../test/demo';
 import { mockGetBoundingClientRect } from '../../../test';
 
-let restore;
+let restore: () => void;
 
 snapshotDemo(Demo, {
   beforeTest: () => {
diff --git a/src/switch/test/__snapshots__/demo.spec.js.snap b/src/switch/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/switch/test/__snapshots__/demo.spec.js.snap
rename to src/switch/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/switch/test/demo.spec.js b/src/switch/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/switch/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/switch/test/demo.spec.ts b/src/switch/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/switch/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/tab/test/__snapshots__/demo.spec.js.snap b/src/tab/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/tab/test/__snapshots__/demo.spec.js.snap
rename to src/tab/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/tab/test/demo.spec.js b/src/tab/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/tab/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/tab/test/demo.spec.ts b/src/tab/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/tab/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/tabbar/test/__snapshots__/demo.spec.js.snap b/src/tabbar/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/tabbar/test/__snapshots__/demo.spec.js.snap
rename to src/tabbar/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/tabbar/test/demo.spec.js b/src/tabbar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/tabbar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/tabbar/test/demo.spec.ts b/src/tabbar/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/tabbar/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/tag/test/__snapshots__/demo.spec.js.snap b/src/tag/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/tag/test/__snapshots__/demo.spec.js.snap
rename to src/tag/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/tag/test/demo.spec.js b/src/tag/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/tag/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/tag/test/demo.spec.ts b/src/tag/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/tag/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/toast/test/__snapshots__/demo.spec.js.snap b/src/toast/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/toast/test/__snapshots__/demo.spec.js.snap
rename to src/toast/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/toast/test/demo.spec.js b/src/toast/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/toast/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/toast/test/demo.spec.ts b/src/toast/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/toast/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/tree-select/test/__snapshots__/demo.spec.js.snap b/src/tree-select/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/tree-select/test/__snapshots__/demo.spec.js.snap
rename to src/tree-select/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/tree-select/test/demo.spec.js b/src/tree-select/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/tree-select/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/tree-select/test/demo.spec.ts b/src/tree-select/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/tree-select/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/uploader/test/__snapshots__/demo.spec.js.snap b/src/uploader/test/__snapshots__/demo.spec.ts.snap
similarity index 100%
rename from src/uploader/test/__snapshots__/demo.spec.js.snap
rename to src/uploader/test/__snapshots__/demo.spec.ts.snap
diff --git a/src/uploader/test/demo.spec.js b/src/uploader/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/uploader/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/uploader/test/demo.spec.ts b/src/uploader/test/demo.spec.ts
new file mode 100644
index 000000000..c0e0c95b9
--- /dev/null
+++ b/src/uploader/test/demo.spec.ts
@@ -0,0 +1,4 @@
+import Demo from '../demo/index.vue';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src/utils/test/bem.spec.ts b/src/utils/test/bem.spec.ts
index d0e86466f..e495e6cd6 100644
--- a/src/utils/test/bem.spec.ts
+++ b/src/utils/test/bem.spec.ts
@@ -21,8 +21,6 @@ test('bem', () => {
 
   expect(bem([])).toEqual('button');
 
-  expect(bem(null)).toEqual('button');
-
   expect(bem([null])).toEqual('button');
 
   expect(bem(['disabled', ''])).toEqual('button button--disabled');
diff --git a/test/demo.ts b/test/demo.ts
index f675815dd..789e80f68 100644
--- a/test/demo.ts
+++ b/test/demo.ts
@@ -1,14 +1,14 @@
-import { h } from 'vue';
+import { h, defineComponent } from 'vue';
 import Locale from '../src/locale';
 import { mount, later } from '.';
 import { DemoLocaleMixin } from '../docs/site/demo-locale';
 
-const EmptyComponent = {
-  render() {
-    return h('div', [this.$slots.default()]);
-  },
+const EmptyComponent = defineComponent({
   inheritAttrs: false,
-};
+  render() {
+    return h('div', [this.$slots.default?.()]);
+  },
+});
 
 export function snapshotDemo(Demo: any, option: any = {}) {
   test('should render demo and match snapshot', async () => {
diff --git a/tsconfig.json b/tsconfig.json
index 3ff0f5981..2f8c71fff 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,5 +14,5 @@
     }
   },
   "include": ["types/**/*", "docs/**/*", "src/**/*"],
-  "exclude": ["**/*.spec.ts", "**/*.spec.js", "node_modules"]
+  "exclude": ["**/index.spec.ts", "**/*.spec.js", "node_modules"]
 }