refactor(widgets): add defineProps to widget components

- Add defineProps import to group, image, mask, path, text-unit, video, and webview components
- This refactor prepares for upcoming prop definitions in widget components

packages/lib/src/widgets/group.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import type { WidgetOptions } from './widget'
 import { widget } from './widget'

packages/lib/src/widgets/image.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import type { FigureMixin, FigureOptions } from './figure'
 import { figure } from './figure'

packages/lib/src/widgets/mask.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import { type WidgetOptions, widget } from './widget'
 

packages/lib/src/widgets/path.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import type { FigureMixin, FigureOptions } from './figure'
 import { figure } from './figure'

packages/lib/src/widgets/text-unit.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import type { TextOptions } from './text.vue'
 import { figure } from './figure'

packages/lib/src/widgets/video.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget, usePlayer } from '@vue-motion/core'
 import { ref, watch } from 'vue'
 import { type WidgetOptions, widget } from './widget'

packages/lib/src/widgets/webview.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { defineProps } from 'vue'
 import { defineWidget } from '@vue-motion/core'
 import type { WidgetMixin, WidgetOptions } from './widget'
 import { widget } from './widget'
@@ -17,12 +18,13 @@ const options = defineWidget<WebViewOptions>(props)
   <g v-bind="widget(options)">
     <foreignObject :width="options.width" :height="options.height">
       <div
-        :style="{
-          color: 'white',
-        }" xmlns="http://www.w3.org/1999/xhtml"
+          :style="{
+             color: 'white',
+           }" xmlns="http://www.w3.org/1999/xhtml"
       >
         <slot />
       </div>
     </foreignObject>
   </g>
 </template>
+