diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index 6caf76842483638bf24e0d6ddf26dc2660c03a79..f941d7007b83a158a95420187f63ca7b5dc2d897 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -6,7 +6,6 @@ import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize
 import Button from '@components/Button/Button.vue';
 
 const props = withDefaults(defineProps<IKnobProps>(), {
-  value: 0,
   min: 0,
   max: 5,
   step: 1,
@@ -23,7 +22,9 @@ const props = withDefaults(defineProps<IKnobProps>(), {
   colorAsTheme: false,
   textBold: false,
 });
-const value = defineModel<number>() as Ref<number>;
+const value = defineModel<number>({
+  default: 0,
+}) as Ref<number>;
 
 const isClickHold = ref<boolean>(false);