[Vue warn]: Failed to resolve directive: ripple 해결

작업중 발견 하게된 오류로

 

v-simple-checkbox 태그에

 

:ripple="false" 추가 하여 해결

 

<v-data-table
    v-model="selectModel"
    :headers="headers"
    :items="items"
    calculate-widths
    item-key="id"
    scrollable
    class="pl-1 pr-1"
    hide-default-footer
    show-select
>
    <template
        v-slot:[`item.data-table-select`]="{ item, isSelected, select }"
    >
        <v-simple-checkbox
            :value="isSelected"
            @input="select($event)"
            :ripple="false"
        ></v-simple-checkbox>
    </template>
</v-data-table>