diff --git a/package.json b/package.json
index ed2e618f1..a3e602a57 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "unovis",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "license": "Apache-2.0",
   "private": true,
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 982d12b9b..8f525674c 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/angular",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
@@ -47,7 +47,7 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.6.7",
+    "@unovis/ts": "1.6.8",
     "@angular/common": "12 - 22",
     "@angular/compiler": "12 - 22",
     "@angular/core": "12 - 22",
diff --git a/packages/dev/package.json b/packages/dev/package.json
index f31d180a7..b66051985 100644
--- a/packages/dev/package.json
+++ b/packages/dev/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unovis/dev",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "main": "index.js",
   "license": "Apache-2.0",
diff --git a/packages/react/package.json b/packages/react/package.json
index b82a2a4da..fa2f2a315 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/react",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "license:check": "pnpm license-report --config=../../lic-report-config.json > licences.md"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.6.7",
+    "@unovis/ts": "1.6.8",
     "react": ">=16.8.0 || ^17 || ^18 || ^19",
     "react-dom": ">=16.8.0 || ^17 || ^18 || ^19"
   },
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 99a0f50a2..80cea7d28 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/shared",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
diff --git a/packages/solid/package.json b/packages/solid/package.json
index 4d2701ded..0fdb50229 100644
--- a/packages/solid/package.json
+++ b/packages/solid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/solid",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
@@ -37,7 +37,7 @@
     "license:check": "pnpm license-report --config=../../lic-report-config.json > licences.md"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.6.7",
+    "@unovis/ts": "1.6.8",
     "solid-js": "^1.9.0"
   },
   "devDependencies": {
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 310bd452b..d776519c6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/svelte",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
@@ -46,7 +46,7 @@
     "license:check": "pnpm license-report --config=../../lic-report-config.json > licences.md"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.6.7",
+    "@unovis/ts": "1.6.8",
     "svelte": "^3.48.0 || ^4.0.0 "
   },
   "devDependencies": {
diff --git a/packages/ts/package.json b/packages/ts/package.json
index 99ad8191e..7597667dd 100644
--- a/packages/ts/package.json
+++ b/packages/ts/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/ts",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
diff --git a/packages/vue/autogen/component.ts b/packages/vue/autogen/component.ts
index eb7b3b42a..ed1aa256c 100644
--- a/packages/vue/autogen/component.ts
+++ b/packages/vue/autogen/component.ts
@@ -34,7 +34,7 @@ ${isStandAlone ? '' : `import { ${elementSuffix}AccessorKey } from '../../utils/
 ${isStandAlone ? '' : `const accessor = inject(${elementSuffix}AccessorKey)\n`}
 // data and required props ${isComplexPropComponent ? '\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412' : ''}
 ${isComplexPropComponent
-    ? `const props = defineProps</** @vue-ignore */ ${componentName}ConfigInterface${genericsStr} & { data?: ${dataType} }>()`
+    ? `const props = defineProps<{ data?: ${dataType} } & /** @vue-ignore */ ${componentName}ConfigInterface${genericsStr}>()`
     : `type Props = ${componentName}ConfigInterface${genericsStr}\nconst props = defineProps<Props & { data?: ${dataType} }>()`}
 
 ${propDefs.length && !isStandAlone ? `${propDefs.join('\n')}` : isStandAlone ? 'const data = computed(() => props.data)' : ''}
diff --git a/packages/vue/package.json b/packages/vue/package.json
index a716a7103..f00c7c14d 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",
@@ -54,7 +54,7 @@
     "license:check": "pnpm license-report --config=../../lic-report-config.json > licences.md"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.6.7",
+    "@unovis/ts": "1.6.8",
     "vue": "^3"
   },
   "devDependencies": {
diff --git a/packages/vue/src/components/crosshair/index.vue b/packages/vue/src/components/crosshair/index.vue
index d88039396..a38e530fe 100644
--- a/packages/vue/src/components/crosshair/index.vue
+++ b/packages/vue/src/components/crosshair/index.vue
@@ -5,12 +5,11 @@ import { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from '
 import { arePropsEqual, useForwardProps } from '../../utils/props'
 import { crosshairAccessorKey } from '../../utils/context'
 
-const accessor = inject(crosshairAccessorKey)
-
-// data and required props 
+// data and required props
 // !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412
-const props = defineProps</** @vue-ignore */ CrosshairConfigInterface<Datum> & { data?: Datum[] }>()
+const props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ CrosshairConfigInterface<Datum>>()
 
+const accessor = inject(crosshairAccessorKey)
 const data = computed(() => accessor.data.value ?? props.data)
 // config
 const config = useForwardProps(props)
diff --git a/packages/vue/src/components/timeline/index.vue b/packages/vue/src/components/timeline/index.vue
index f6e23f838..8d5fb8815 100644
--- a/packages/vue/src/components/timeline/index.vue
+++ b/packages/vue/src/components/timeline/index.vue
@@ -6,11 +6,11 @@ import { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from '
 import { arePropsEqual, useForwardProps } from '../../utils/props'
 import { componentAccessorKey } from '../../utils/context'
 
-const accessor = inject(componentAccessorKey)
-
-// data and required props 
+// data and required props
 // !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412
-const props = defineProps</** @vue-ignore */ TimelineConfigInterface<Datum> & { data?: Datum[] }>()
+const props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ TimelineConfigInterface<Datum>>()
+
+const accessor = inject(componentAccessorKey)
 
 const data = computed(() => accessor.data.value ?? props.data)
 // config
diff --git a/packages/website/package.json b/packages/website/package.json
index 0845f404f..c9a7071f0 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unovis/website",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, Solid, and vanilla TypeScript or JavaScript",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "packageManager": "pnpm@10.23.0",
   "repository": {
     "type": "git",