Merge pull request #4731 from nextcloud-libraries/feat/2154/dialog

[next] feat(NcDialog*): migrate to vue 3

src/components/NcDialog/NcDialog.vue

@@ -30,7 +30,7 @@ This component uses the `NcModal` under the hood for allowing users to create ge
 <template>
  <div>
  <NcButton @click="showDialog = true">Show dialog</NcButton>
- <NcDialog :open.sync="showDialog" name="Confirmation" message="Are you sure to proceed?" :buttons="buttons" />
+ <NcDialog v-model:open="showDialog" name="Confirmation" message="Are you sure to proceed?" :buttons="buttons" />
  <p>Last response: {{ lastResponse }}</p>
  </div>
 </template>

src/components/index.js

@@ -60,8 +60,8 @@ export { default as NcCounterBubble } from './NcCounterBubble/index.js'
 export { default as NcDateTime } from './NcDateTime/index.js'
 export { default as NcDateTimePicker } from './NcDateTimePicker/index.js'
 export { default as NcDateTimePickerNative } from './NcDateTimePickerNative/index.js'
-// export { default as NcDialog } from './NcDialog/index.js'
-// export { default as NcDialogButton } from './NcDialogButton/index.js'
+export { default as NcDialog } from './NcDialog/index.js'
+export { default as NcDialogButton } from './NcDialogButton/index.js'
 // Not exported on purpose
 // export { default as NcEllipsisedOption } from './NcEllipsisedOption/index.js'
 
@@ -78,7 +78,7 @@ export { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.js'
 // export { default as NcListItem } from './NcListItem/index.js'
 export { default as NcListItemIcon } from './NcListItemIcon/index.js'
 export { default as NcLoadingIcon } from './NcLoadingIcon/index.js'
-// export { default as NcModal } from './NcModal/index.js'
+export { default as NcModal } from './NcModal/index.js'
 export { default as NcNoteCard } from './NcNoteCard/index.js'
 export { default as NcPasswordField } from './NcPasswordField/index.js'
 export { default as NcPopover } from './NcPopover/index.js'

styleguide.config.js

@@ -177,12 +177,12 @@ module.exports = async () => {
  // 'src/components/NcDashboard*/*.vue',
  // ],
  // },
- // {
- //  name: 'NcDialog',
- //  components: [
- //  'src/components/NcDialog*/*.vue',
- //  ],
- // },
+ {
+ name: 'NcDialog',
+ components: [
+ 'src/components/NcDialog*/*.vue',
+ ],
+ },
  {
  name: 'NcFields',
  components: [