sprintify-ui 0.0.11 → 0.0.13

package/README.md

@@ -54,6 +54,7 @@ import { createI18n } from "vue-i18n";
 import { createPinia } from "pinia";
 import { createRouter, createWebHistory } from "vue-router";
 import SprintifyUI from "sprintify-ui";
+import { messages as SprintifyUIMessages } from "sprintify-ui";
 
 // Import your TailwindCSS *before* importing Sprintify UI CSS
 import "../css/tailwind.css";
@@ -74,8 +75,8 @@ const messages = {
   fr: {},
 };
 
-messages.en.sui = en.sui;
-messages.fr.sui = fr.sui;
+messages.en.sui = SprintifyUIMessages.en.sui;
+messages.fr.sui = SprintifyUIMessages.fr.sui;
 
 type MessageSchema = typeof messages.en;
 
@@ -163,14 +164,14 @@ Components({
 
 ### Notifications and Dialogs
 
-To use notification and dialogs, you main layout must extend the `<BaseApp>` component.
-This component will observe the pinia store and render dialogs and notifications.
+To use notification and dialogs, you main layout must contain the `<BaseAppNotifications>` and `<BaseAppDialogs>` components.
+These components will observe the pinia store and render dialogs and notifications.
 
 ```vue
 <template>
-  <BaseApp>
-    <RouterView></RouterView>
-  </BaseApp>
+  <RouterView></RouterView>
+  <BaseAppNotifications />
+  <BaseAppDialogs />
 </template>
 
 <script lang="ts" setup>