From 00a9668d7a58bfd1ea3674e48cca2dc8336bbffc Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Tue, 26 Jul 2022 02:11:31 +1000
Subject: [PATCH] fix(VSimpleCheckbox): directly specify ripple directive
 definition

fixes #12224
---
 packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts b/packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts
index 4f719088a37..4f5e502e850 100644
--- a/packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts
+++ b/packages/vuetify/src/components/VCheckbox/VSimpleCheckbox.ts
@@ -1,6 +1,6 @@
 import './VSimpleCheckbox.sass'
 
-import ripple from '../../directives/ripple'
+import Ripple from '../../directives/ripple'
 
 import Vue, { VNode, VNodeDirective } from 'vue'
 import { VIcon } from '../VIcon'
@@ -19,7 +19,7 @@ export default Vue.extend({
   functional: true,
 
   directives: {
-    ripple,
+    Ripple,
   },
 
   props: {
@@ -64,6 +64,7 @@ export default Vue.extend({
       const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {
         staticClass: 'v-input--selection-controls__ripple',
         directives: [{
+          def: Ripple,
           name: 'ripple',
           value: { center: true },
         }] as VNodeDirective[],