feat: utilize typescript in Vue 3 example files

examples/vue-3-cli/src/stories/Button.vue

@@ -2,7 +2,7 @@
   <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
 </template>
 
-<script>
+<script lang="typescript">
 import './button.css';
 import { reactive, computed } from 'vue';
 
@@ -32,7 +32,7 @@ export default {
 
   emits: ['click'],
 
-  setup(props, { emit }) {
+  setup(props: any, { emit }: any) {
     props = reactive(props);
     return {
       classes: computed(() => ({

examples/vue-3-cli/src/stories/Header.vue

@@ -29,7 +29,7 @@
   </header>
 </template>
 
-<script>
+<script lang="typescript">
 import './header.css';
 import MyButton from './Button.vue';
 

examples/vue-3-cli/src/stories/Page.vue

@@ -58,7 +58,7 @@
   </article>
 </template>
 
-<script>
+<script lang="typescript">
 import './page.css';
 import MyHeader from './Header.vue';
 

examples/vue-3-cli/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "module": "esnext",
+    "module": "commonjs",
     "strict": true,
     "jsx": "preserve",
     "importHelpers": true,