sprintify-ui 0.6.88 → 0.7.0

package/README.md

@@ -142,13 +142,13 @@ Components({
 ```
 
 ### Notifications and Dialogs
-To use notifications and dialogs, your main layout must contain the `<BaseAppNotifications>` and `<BaseAppDialogs>` components.
+To use notifications and dialogs, your main layout must contain the `<BaseAppSnackbars>` and `<BaseAppDialogs>` components.
 These components will observe the Pinia store and render dialogs and notifications.
 
 ```vue
 <template>
   <RouterView></RouterView>
-  <BaseAppNotifications />
+  <BaseAppSnackbars />
   <BaseAppDialogs />
 </template>
 
@@ -156,18 +156,18 @@ These components will observe the Pinia store and render dialogs and notificatio
 </script>
 ```
 
-#### Custom notifications and dialogs
+#### Custom snackbars and dialogs
 
-You may 100% customize the look and feel of dialogs and notifications by removing `<BaseApp>` and instead creating your own render logic. Here's a simple example to render notifications:
+You may 100% customize the look and feel of dialogs and snackbars by removing `<BaseApp>` and instead creating your own render logic. Here's a simple example to render snackbars:
 
 ```vue
 <template>
   <Teleport to="body">
     <div class="pointer-events-none fixed inset-0 flex items-end justify-end p-6 md:p-8">
       <div class="w-full max-w-sm">
-        <div v-for="notification in notifications" :key="notification.id">
-          <h2>{{ notification.title }}</h2>
-          <p>{{ notification.text }}</p>
+        <div v-for="snackbar in snackbars" :key="snackbar.id">
+          <h2>{{ snackbar.title }}</h2>
+          <p>{{ snackbar.text }}</p>
         </div>
       </div>
     </div>
@@ -175,12 +175,12 @@ You may 100% customize the look and feel of dialogs and notifications by removin
 </template>
 
 <script lang="ts" setup>
-import { useNotificationsStore } from 'sprintify-ui';
+import { useSnackbarsStore } from 'sprintify-ui';
 
-const notificationsStore = useNotificationsStore();
+const snackbarsStore = useSnackbarsStore();
 
-const notifications = computed(() => {
-  return notificationsStore.notifications;
+const snackbars = computed(() => {
+  return snackbarsStore.snackbars;
 });
 </script>
 ```