add example

CyCraft · Jun 14, 2022 · e63e864 · e63e864
1 parent f709a16
commit e63e864
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/src/BlitzTh/examples/Basic.vue 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
@@ -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
@@ -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>