fix: options list default value ignored (#4472)

packages/ui/src/components/va-option-list/VaOptionList.stories.ts

@@ -1,12 +1,25 @@
 import { defineComponent } from 'vue'
-import VaOptionList from './VaOptionList.demo.vue'
+import VaOptionListDemo from './VaOptionList.demo.vue'
+import VaOptionList from './VaOptionList.vue'
+import { StoryFn } from '@storybook/vue3'
 
 export default {
   title: 'VaOptionList',
   component: VaOptionList,
 }
 
 export const Default = defineComponent({
+  components: { VaOptionListDemo },
+  template: '<VaOptionListDemo/>',
+})
+
+export const StatefulWithDefaultValue: StoryFn = () => ({
   components: { VaOptionList },
-  template: '<VaOptionList/>',
+  setup () {
+    const planeOptions = ['test1', 'test2', 'test3']
+    return {
+      planeOptions,
+    }
+  },
+  template: '<VaOptionList :options="planeOptions" stateful :defaultValue="[planeOptions[0], planeOptions[2]]" />',
 })

packages/ui/src/composables/useStateful.ts

@@ -63,8 +63,8 @@ export const useStateful = <
 
   const valueState = ref(
     isUserProvidedProp.value
-      ? defaultValuePassed ? defaultValue : props[key]
-      : props[key],
+      ? props[key]
+      : defaultValuePassed ? defaultValue : props[key],
   ) as Ref<P[Key]>
 
   let unwatchModelValue: ReturnType<typeof watch>