build: fix the build script

Refs: //github.com/storybookjs/storybook/pull/16629,//github.com/storybookjs/storybook/pull/16630,//github.com/vuejs/core/issues/1033,//github.com/storybookjs/storybook/issues/12505,//github.com/XavierChevalier/ewokify-app/runs/4326759026?check_suite_focus=true

package.json

@@ -4,6 +4,7 @@
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
+    "prebuild": "rimraf ./node_modules/@types/react",
     "build": "vue-tsc --noEmit && vite build",
     "serve": "vite preview",
     "lint": "eslint --fix --ext .ts,vue --ignore-path .gitignore . && yarn prettier -w -u .",

src/app/components/AppIcon.spec.ts

@@ -22,7 +22,7 @@ describe('AppIcon', () => {
   const componentTestsGenerator = new ComponentTestsGenerator(AppIcon)
   componentTestsGenerator.itShouldBeDefined()
 
-  const icon = {
+  const icon: MdiExtra = {
     viewBox: '0 0 452.000000 452.000000',
     transform: 'translate(0.000000,452.000000)',
     path: 'M2006 4129 c-434 -56 -842',

src/app/components/AppIcon.vue

@@ -15,28 +15,31 @@
 </script>
 
 <script setup lang="ts">
-  import { PropType } from 'vue'
-  import { MdiExtra } from '@/assets/images/icons/MdiExtra'
+  import { computed, PropType } from 'vue'
+  import { MdiExtra, MdiExtraObject } from '@/assets/images/icons/MdiExtra'
   import { isPropertyValid } from '@/app/tools/component-properties/PropertyValidator'
 
-  defineProps({
+  const props = defineProps({
     path: {
       type: [String, Object] as PropType<MdiExtra>,
       required: true,
       validator: isPropertyValid(MdiExtra),
     },
   })
+  const pathObject = computed<MdiExtraObject>(() =>
+    typeof props.path === 'object' ? props.path : { path: props.path }
+  )
 </script>
 
 <template>
   <svg
     class="inline-block align-middle"
     :class="sizeClass"
-    :viewBox="path.viewBox || '0 0 24 24'"
+    :viewBox="pathObject.viewBox || '0 0 24 24'"
   >
     <path
-      :transform="path.transform"
-      :d="path.path || path"
+      :transform="pathObject.transform"
+      :d="pathObject.path"
       style="fill: currentColor"
     />
   </svg>

src/assets/images/icons/MdiExtra.ts

@@ -17,7 +17,10 @@ type MdiExtraString = string
 type MdiExtraObjectOnly = Exclude<InferType<typeof MdiExtra>, MdiExtraString>
 // Make 'viewBox' and 'transform' property optional
 // @see https://github.com/jquense/yup/issues/1210
-type MdiExtraObject = PartialBy<MdiExtraObjectOnly, 'viewBox' | 'transform'>
+export type MdiExtraObject = PartialBy<
+  MdiExtraObjectOnly,
+  'viewBox' | 'transform'
+>
 export type MdiExtra = MdiExtraString | MdiExtraObject
 
 export const mdiSpeechOutline: MdiExtra = {