Fix inputs

Author: stevebauman

components/Canvas.vue

@@ -13,8 +13,7 @@
         <div
             v-bind="backgroundAttributes"
             class="absolute inset-0"
-           
-            :data-hide="background === 'transparent'"
+            :data-hide="background === 'transparent' ? '' : undefined"
         ></div>
 
         <!-- Optional grid. Left out for a future implementation. -->

components/Input.vue

@@ -3,7 +3,7 @@
         :value="modelValue"
         :class="[sizes[size]]"
         :type="$attrs.type || 'text'"
-        @update:model-value="$emit('update:modelValue', $event.target.value)"
+        @input="$emit('update:modelValue', $event.target.value)"
         class="highlight rounded-lg text-ui-gray-400 disabled:cursor-not-allowed disabled:bg-ui-gray-900 bg-ui-gray-800 hover:bg-ui-gray-900 focus:outline-none focus:ring-0"
     />
 </template>

components/Range.vue

@@ -2,7 +2,7 @@
     <input
         type="range"
         :value="modelValue"
-        @update:model-value="$emit('update:modelValue', $event.target.value)"
+        @input="$emit('update:modelValue', $event.target.value)"
         class="transition-all highlight bg-ui-gray-800 w-full appearance-none hover:bg-ui-violet-500 rounded-xl"
     />
 </template>