chore: fixed nuxt module playground

Author: hunterliu1003

packages/nuxt/playground/app.vue

@@ -3,6 +3,6 @@ import { ModalsContainer } from 'vue-final-modal'
 </script>
 
 <template>
-  <ModalConfirmPlainCssPreview />
+  <PlainCssConfirmModalPreview />
   <ModalsContainer />
 </template>

packages/nuxt/playground/components/PlainCssConfirmModalPreview.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { ModalsContainer, useVfm } from 'vue-final-modal'
-import { showModalConfirm } from './showModalConfirm'
+import { showConfirmModal } from './showConfirmModal'
 
 const vfm = useVfm()
 </script>
 
 <template>
-  <button @click="() => showModalConfirm(vfm)">
+  <button @click="() => showConfirmModal(vfm)">
     Open Modal
   </button>
 

packages/nuxt/playground/components/showConfirmModal.ts

@@ -1,11 +1,11 @@
 import type { Vfm } from 'vue-final-modal'
 import { useModal } from 'vue-final-modal'
-import ModalConfirmPlainCss from './ModalConfirmPlainCss.vue'
+import PlainCssConfirmModal from './PlainCssConfirmModal.vue'
 
-export function showModalConfirm(vfm: Vfm) {
+export function showConfirmModal(vfm: Vfm) {
   const { open, close, destroy } = useModal({
     context: vfm,
-    component: ModalConfirmPlainCss,
+    component: PlainCssConfirmModal,
     attrs: {
       title: 'Hello World!',
       onConfirm() {