diff --git a/package-lock.json b/package-lock.json
index cf82c121..05c94ad8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22142,12 +22142,12 @@
       }
     },
     "packages/blitzar": {
-      "version": "1.1.21",
+      "version": "1.1.25",
       "license": "MIT",
       "dependencies": {
-        "@blitzar/components": "^1.1.21",
-        "@blitzar/types": "^1.1.21",
-        "@blitzar/utils": "^1.1.21"
+        "@blitzar/components": "^1.1.25",
+        "@blitzar/types": "^1.1.25",
+        "@blitzar/utils": "^1.1.25"
       },
       "funding": {
         "url": "https://github.com/sponsors/mesqueeb"
@@ -22158,11 +22158,11 @@
     },
     "packages/components": {
       "name": "@blitzar/components",
-      "version": "1.1.21",
+      "version": "1.1.25",
       "license": "MIT",
       "dependencies": {
-        "@blitzar/types": "^1.1.21",
-        "@blitzar/utils": "^1.1.21",
+        "@blitzar/types": "^1.1.25",
+        "@blitzar/utils": "^1.1.25",
         "case-anything": "^2.1.10",
         "copy-anything": "^3.0.2",
         "filter-anything": "^3.0.2",
@@ -22220,13 +22220,13 @@
       }
     },
     "packages/docs": {
-      "version": "1.1.21",
+      "version": "1.1.25",
       "license": "MIT",
       "dependencies": {
         "@adamdehaven/vue-custom-tooltip": "^2.6.0",
         "@meforma/vue-toaster": "^1.3.0",
         "@planetar/code-block": "^1.0.2",
-        "blitzar": "^1.1.21",
+        "blitzar": "^1.1.25",
         "is-what": "^4.1.7",
         "vue-final-modal": "^3.4.3",
         "vue-pepicons": "^1.0.9"
@@ -22251,7 +22251,7 @@
     },
     "packages/types": {
       "name": "@blitzar/types",
-      "version": "1.1.21",
+      "version": "1.1.25",
       "license": "MIT",
       "dependencies": {
         "ts-toolbelt": "^9.6.0"
@@ -22262,10 +22262,10 @@
     },
     "packages/utils": {
       "name": "@blitzar/utils",
-      "version": "1.1.21",
+      "version": "1.1.25",
       "license": "MIT",
       "dependencies": {
-        "@blitzar/types": "^1.1.21",
+        "@blitzar/types": "^1.1.25",
         "commafy-anything": "^2.1.0",
         "flatten-anything": "^2.0.4",
         "is-what": "^4.1.7"
@@ -23446,8 +23446,8 @@
     "@blitzar/components": {
       "version": "file:packages/components",
       "requires": {
-        "@blitzar/types": "^1.1.21",
-        "@blitzar/utils": "^1.1.21",
+        "@blitzar/types": "^1.1.25",
+        "@blitzar/utils": "^1.1.25",
         "case-anything": "^2.1.10",
         "copy-anything": "^3.0.2",
         "filter-anything": "^3.0.2",
@@ -23492,7 +23492,7 @@
     "@blitzar/utils": {
       "version": "file:packages/utils",
       "requires": {
-        "@blitzar/types": "^1.1.21",
+        "@blitzar/types": "^1.1.25",
         "commafy-anything": "^2.1.0",
         "flatten-anything": "^2.0.4",
         "is-what": "^4.1.7"
@@ -26597,9 +26597,9 @@
     "blitzar": {
       "version": "file:packages/blitzar",
       "requires": {
-        "@blitzar/components": "^1.1.21",
-        "@blitzar/types": "^1.1.21",
-        "@blitzar/utils": "^1.1.21"
+        "@blitzar/components": "^1.1.25",
+        "@blitzar/types": "^1.1.25",
+        "@blitzar/utils": "^1.1.25"
       }
     },
     "body-parser": {
@@ -28523,7 +28523,7 @@
         "@adamdehaven/vue-custom-tooltip": "^2.6.0",
         "@meforma/vue-toaster": "^1.3.0",
         "@planetar/code-block": "^1.0.2",
-        "blitzar": "^1.1.21",
+        "blitzar": "^1.1.25",
         "is-what": "^4.1.7",
         "vitepress": "^0.20.10",
         "vue-final-modal": "^3.4.3",
diff --git a/packages/components/src/BlitzTh/examples/Basic.vue b/packages/components/src/BlitzTh/examples/Basic.vue
new file mode 100644
index 00000000..819992ca
--- /dev/null
+++ b/packages/components/src/BlitzTh/examples/Basic.vue
@@ -0,0 +1,8 @@
+<script lang="ts" setup>
+import BlitzTh from '../BlitzTh.vue'
+</script>
+
+<template>
+  <BlitzTh :column="{ id: 'name' }" :sortState="[]" :lang="{}" />
+  <BlitzTh :column="{ id: 'id', label: 'ID' }" :sortState="[]" :lang="{}" />
+</template>
diff --git a/packages/components/src/BlitzTh/examples/Lang.vue b/packages/components/src/BlitzTh/examples/Lang.vue
new file mode 100644
index 00000000..08048d20
--- /dev/null
+++ b/packages/components/src/BlitzTh/examples/Lang.vue
@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+import BlitzTh from '../BlitzTh.vue'
+</script>
+
+<template>
+  <BlitzTh :column="{ id: 'name' }" :sortState="[]" :lang="{ name: '名前' }" />
+</template>
diff --git a/packages/components/src/BlitzTh/examples/Sort.vue b/packages/components/src/BlitzTh/examples/Sort.vue
new file mode 100644
index 00000000..e7ec039f
--- /dev/null
+++ b/packages/components/src/BlitzTh/examples/Sort.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+import BlitzTh from '../BlitzTh.vue'
+</script>
+
+<template>
+  <BlitzTh
+    :column="{ id: 'name', sortable: true }"
+    :sortState="[{ id: 'name', direction: 'asc' }]"
+    :lang="{}"
+  />
+</template>