diff --git a/test/src/App.vue b/test/src/App.vue
index 468781c..da0f1f3 100644
--- a/test/src/App.vue
+++ b/test/src/App.vue
@@ -2,7 +2,7 @@
 import { usePlayer, useWidget } from '@vue-motion/core'
 import { Group, Motion, grow } from '@vue-motion/lib'
 import { onMounted } from 'vue'
-import type { MathFunction } from '@vue-motion/extension-math'
+import { MathFunction } from '@vue-motion/extension-math'
 import { NumberPlane, PolarPlane } from '@vue-motion/extension-math'
 import { Column, Container, Row } from '@vue-motion/extension-layout'
 
@@ -27,10 +27,10 @@ onMounted(() => {
 <template>
   <Motion id="motion" :width="1000" :height="3000">
     <!--    <Group> -->
-    <!--      <NumberPlane :ranges-x="[-5, 5]" :ranges-y="[-5, 5]" /> -->
-    <!--      <MathFunction :fn="(x) => Math.sin(x)" color="skyblue" :domain="[-5, 5]" :ranges="[-1, 1]" wid="fn1" /> -->
-    <!--      <MathFunction :fn="(x) => Math.cos(x)" color="red" :domain="[-5, 5]" :ranges="[-1, 1]" wid="fn2" /> -->
-    <!--      <MathFunction :fn="(x) => Math.tan(x)" color="green" :domain="[-5, 5]" :ranges="[-1, 1]" wid="fn3" /> -->
+    <!--      <NumberPlane :ranges-x="[-5, 5]" :ranges-y="[-5, 5]" :grid="false"/> -->
+    <!--      <MathFunction :fn="(x) => Math.sin(x)" color="skyblue" :domain="[0, 0]" :ranges="[0, 5]" wid="fn1" /> -->
+    <!--      <MathFunction :fn="(x) => Math.cos(x)" color="red" :domain="[0, 0]" :ranges="[0, 5]" wid="fn2" /> -->
+    <!--      <MathFunction :fn="(x) => Math.tan(x)" color="green" :domain="[0, 0]" :ranges="[0, 5]" wid="fn3" /> -->
     <!--    </Group> -->
     <Group>
       <Column :height="6000">