fix: [web-components] #208 #209 #210 #211 #212

PrestaShopCorp · Oct 4, 2023 · e3ec01c · e3ec01c
1 parent 0c1ac49
commit e3ec01c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 20 deletions.
diff --git a/packages/utils/v-custom-model.ts b/packages/utils/v-custom-model.ts
@@ -11,9 +11,11 @@ const directive: Directive = {
       }
     })
   },
-  // beforeUnmount(el: HTMLInputElement) {
-  //   el.removeEventListener('input', () => {})
-  // },
+  beforeUnmount(el: HTMLInputElement) {
+    el.removeEventListener('input', () => {
+      console.log('before unmount')
+    })
+  },
 }
 
 export const vCustomModelDirective = {

diff --git a/playground/src/main.ts b/playground/src/main.ts
@@ -1,25 +1,8 @@
 import { createApp } from 'vue'
-// import { vCustomModelDirective } from '@puik/utils'
 import App from './App.vue'
-// import type { DirectiveBinding } from 'vue'
 import '@puik/theme/src/index.scss'
 import './assets/css/style.css'
 
 const app = createApp(App)
-// app.directive('custom-model', {
-//   mounted(el: HTMLInputElement, binding: DirectiveBinding) {
-//     el.addEventListener('input', (event) => {
-//       if (event.target) {
-//         binding.instance?.$emit(
-//           binding.arg!,
-//           (event.target as HTMLInputElement).value
-//         )
-//       }
-//     })
-//   },
-//   beforeUnmount(el: HTMLInputElement) {
-//     el.removeEventListener('input', () => {})
-//   },
-// })
 
 app.mount('#app')