From 0284be75bf0445c00e912ef28506f26c3dfa8961 Mon Sep 17 00:00:00 2001
From: XavierChevalier <mcmodz@hotmail.fr>
Date: Fri, 26 Nov 2021 12:02:10 +0100
Subject: [PATCH] build: fix the build script

Refs: //github.com/storybookjs/storybook/pull/16629,//github.com/storybookjs/storybook/pull/16630,//github.com/vuejs/vue-next/issues/1033,//github.com/storybookjs/storybook/issues/12505,//github.com/XavierChevalier/ewokify-app/runs/4326759026?check_suite_focus=true
---
 package.json                        |  1 +
 src/app/components/AppIcon.spec.ts  |  2 +-
 src/app/components/AppIcon.vue      | 15 +++++++++------
 src/assets/images/icons/MdiExtra.ts |  5 ++++-
 4 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 9897c95..136eab9 100644
--- a/package.json
+++ b/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 .",
diff --git a/src/app/components/AppIcon.spec.ts b/src/app/components/AppIcon.spec.ts
index 96d6743..b3297d8 100644
--- a/src/app/components/AppIcon.spec.ts
+++ b/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',
diff --git a/src/app/components/AppIcon.vue b/src/app/components/AppIcon.vue
index fc8d303..b4d9292 100644
--- a/src/app/components/AppIcon.vue
+++ b/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>
diff --git a/src/assets/images/icons/MdiExtra.ts b/src/assets/images/icons/MdiExtra.ts
index ae5a655..d8fe19c 100644
--- a/src/assets/images/icons/MdiExtra.ts
+++ b/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 = {