diff --git a/components/model/bench-table.vue b/components/model/bench-table.vue
new file mode 100644
index 0000000..7db9f72
--- /dev/null
+++ b/components/model/bench-table.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
diff --git a/components/model/small.vue b/components/model/bench.vue
similarity index 100%
rename from components/model/small.vue
rename to components/model/bench.vue
diff --git a/components/model/scene.vue b/components/model/scene.vue
index 0d8742e..3a3fb0d 100644
--- a/components/model/scene.vue
+++ b/components/model/scene.vue
@@ -2,14 +2,15 @@
import { Vector3 } from 'three'
const types = {
- small: defineAsyncComponent(() => import('./small.vue'))
+ bench: defineAsyncComponent(() => import('./bench.vue')),
+ table: defineAsyncComponent(() => import('./bench-table.vue'))
}
const props = defineProps({
type: {
type: String as PropType,
- default: 'small',
- required: true,
+ default: 'bench',
+ required: true
}
})
@@ -20,7 +21,7 @@ const controlsState = reactive({
minDistance: 2,
maxDistance: 10,
enablePan: false,
- // enableZoom: false,
+ enableZoom: false,
maxPolarAngle: Math.PI / 2 - 0.2
})
diff --git a/pages/index.vue b/pages/index.vue
index 3b56054..a70c865 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,7 +3,7 @@ const { fetchData } = useApiFetch()
const config = useRuntimeConfig()
const imgBase = config.public.imgBase
-import { marked } from 'marked';
+import { marked } from 'marked'
import og_img from '/og_img.png'
@@ -12,91 +12,156 @@ const { data: menu_raw, status: menu_status } = await fetchData