docs(migration): update changed components (#5655)

Co-authored-by: amaher <[email protected]>

Author: al1maher

docs/content/1.getting-started/2.migration.md

@@ -448,6 +448,31 @@ This change affects the following components: `Modal`, `Popover`, `Slideover`, `
 This change affects the following components: `Modal`, `Slideover`.
 ::
 
+- The `prevent-close` prop in `Modal` and `Slideover` has been removed in favor of the `dismissible` prop that takes a boolean value:
+```diff
+<template>
+- <UModal prevent-close />
++ <UModal :dismissible="false" />
+</template>
+```
+
+- The `v-model` directive in `Pagination` has been renamed to `v-model:page` to control current page:
+
+```diff
+<template>
+- <UPagination v-model="page" />
++ <UPagination v-model:page="page" />
+</template>
+```
+
+- The `change` event in `Select`, `SelectMenu` and `RadioGroup` now emits the native `change` event, not the new chnage value, which is now emitted in the `update:modelValue` event:
+
+```diff
+<template></template>
+- <USelectMenu v-model="country" :items="countries" @change="console.log(newVal)" />
++ <USelectMenu v-model="country" :items="countries" @update:modelValue="console.log(newVal)" />
+```
+
 ### Changed composables
 
 - The `useToast()` composable `timeout` prop has been renamed to `duration`: