inertiajs how update check box

Hi

Using inertiajs , I have issue with check box

When Create I save check box

Create .vue

const form = useForm({
      title: props.post.title, 
      service: props.post.service 
})
const create = () => form.post(route('posts.store'))

 $table->boolean('service')->nullable(); 

service when check it store 1 in DB

Edit .vue

const props = defineProps({
    car: Object
})
const form = useForm({
      title: props.post.title, 
      service: props.post.service 
})
const update = () => form.put(`/posts/${props.post.id}`, form)

When i edit:

• It not showing it as checked
• If i make update it not update service value

This is <Checkbox type="checkbox" v-model="form.service"/>

<script setup>
import { computed } from 'vue';

const emit = defineEmits(['update:checked']);

const props = defineProps({
    checked: {
        type: [Array, Boolean],
        required: true,
    },
    value: {
        default: null,
    },
});

const proxyChecked = computed({
    get() {
        return props.checked;
    },

    set(val) {
        emit('update:checked', val);
    },
});
</script>

<template>
    <input
        type="checkbox"
        :value="value"
        v-model="proxyChecked"
        class="form-check-input" 
    />
</template>```