From dbbf2dc33205f74a378e6732771506d1507b1195 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Mon, 22 Jan 2024 17:25:56 +0100
Subject: [PATCH] fix ts issues

---
 code/renderers/vue3/src/__tests__/Button.vue  | 21 +++++++++++++------
 .../vue3/src/__tests__/composeStories.test.ts |  1 +
 code/vitest-setup.ts                          |  2 +-
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/code/renderers/vue3/src/__tests__/Button.vue b/code/renderers/vue3/src/__tests__/Button.vue
index 77707f6c3e83..5e09799f1a9d 100644
--- a/code/renderers/vue3/src/__tests__/Button.vue
+++ b/code/renderers/vue3/src/__tests__/Button.vue
@@ -1,5 +1,13 @@
 <template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
+  <button
+    type="button"
+    :class="classes"
+    :style="style"
+    @change="emit('myChangeEvent', 0)"
+    @click="emit('myClickEvent', 0)"
+  >
+    {{ label }}
+  </button>
 </template>
 
 <script lang="ts" setup>
@@ -12,6 +20,10 @@ const props = withDefaults(
      * The label of the button
      */
     label: string;
+    /**
+     * Whether the button is disabled
+     */
+    disabled: boolean;
     /**
      * primary or secondary button
      */
@@ -29,7 +41,8 @@ const props = withDefaults(
 );
 
 const emit = defineEmits<{
-  (e: 'click', id: number): void;
+  (e: 'myChangeEvent', id: number): void;
+  (e: 'myClickEvent', id: number): void;
 }>();
 
 const classes = computed(() => ({
@@ -42,8 +55,4 @@ const classes = computed(() => ({
 const style = computed(() => ({
   backgroundColor: props.backgroundColor,
 }));
-
-const onClick = () => {
-  emit('click', 1);
-};
 </script>
diff --git a/code/renderers/vue3/src/__tests__/composeStories.test.ts b/code/renderers/vue3/src/__tests__/composeStories.test.ts
index 1455333456e0..026026b35d7e 100644
--- a/code/renderers/vue3/src/__tests__/composeStories.test.ts
+++ b/code/renderers/vue3/src/__tests__/composeStories.test.ts
@@ -1,3 +1,4 @@
+/// <reference types="@testing-library/jest-dom" />;
 import { it, expect, vi, describe } from 'vitest';
 import { render, screen } from '@testing-library/vue';
 import { expectTypeOf } from 'expect-type';
diff --git a/code/vitest-setup.ts b/code/vitest-setup.ts
index 4c1d82c78407..431af5b3c14d 100644
--- a/code/vitest-setup.ts
+++ b/code/vitest-setup.ts
@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/vitest';
-import { vi } from 'vitest';
+import { vi, expect } from 'vitest';
 
 import { dedent } from 'ts-dedent';