@finema/finework-layer 2.0.16 → 2.0.18

package/.playground/app/pages/layout-user.vue

@@ -27,6 +27,7 @@
         </Button>
       </div>
       <Card> asdasdasdasdasdasd </Card>
+      <BookmarkButton />
       <div class="bg-white p-4">
         <Tabs
           variant="link"

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [2.0.18](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.17...2.0.18) (2026-07-31)
+
+## [2.0.17](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.16...2.0.17) (2026-07-31)
+
 ## [2.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.15...2.0.16) (2026-07-31)
 
 ## [2.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.14...2.0.15) (2026-07-27)

package/app/components/Bookmark/BookmarkButton.vue

@@ -9,7 +9,7 @@
   >
     <Icon
       name="ph:star"
-      class="size-6 cursor-pointer text-gray-500"
+      class="size-6 cursor-pointer"
       title="Add bookmark"
     />
 
@@ -33,7 +33,7 @@
 
         <div class="flex gap-3">
           <div class="flex size-16 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-gray-100">
-            <Loader :loading="preview.status.value.isLoading">
+            <Loader :loading="preview.status.isLoading">
               <img
                 v-if="thumbnailUrl"
                 :src="thumbnailUrl"
@@ -50,7 +50,7 @@
           <div class="flex flex-1 flex-col gap-2">
             <Input
               v-model="url"
-              placeholder="วางลิงก์ที่ต้องการ bookmark"
+              placeholder="Paste the link you want to bookmark"
               size="lg"
               @blur="onFetchPreview"
               @keyup.enter="onFetchPreview"
@@ -149,7 +149,7 @@ const newFolderName = ref('')
 const bookmarks = useBookmarksLoader()
 const folders = useBookmarkFoldersLoader()
 const preview = useBookmarkPreviewLoader()
-
+const noti = useNotification()
 const existing = computed(() => bookmarks.fetch.items.find((item) => item.url === url.value) || null)
 const isBookmarked = computed(() => !!existing.value)
 
@@ -242,4 +242,26 @@ const onRemove = async () => {
   await bookmarks.deleteRun(existing.value.id)
   isOpen.value = false
 }
+
+useWatchTrue(() => bookmarks.add.status.isSuccess, () => {
+  bookmarks.fetchAll()
+})
+
+useWatchTrue(() => bookmarks.add.status.isError, () => {
+  noti.error({
+    title: 'Failed to add bookmark',
+    description: StringHelper.getError(bookmarks.add.status.errorData, 'Something went wrong. Please try again later.'),
+  })
+})
+
+useWatchTrue(() => bookmarks.update.status.isSuccess, () => {
+  bookmarks.fetchAll()
+})
+
+useWatchTrue(() => bookmarks.update.status.isError, () => {
+  noti.error({
+    title: 'Failed to update bookmark',
+    description: StringHelper.getError(bookmarks.update.status.errorData, 'Something went wrong. Please try again later.'),
+  })
+})
 </script>

package/app/loaders/bookmarks/bookmarks.ts

@@ -24,25 +24,25 @@ export interface IBookmarkPreview {
   bookmark: IBookmark | null
 }
 
-export const useBookmarkFoldersLoader = () => {
+export const useBookmarkFoldersLoader = defineStore('bookmarks.folders', () => {
   const options = useRequestOptions()
 
   return usePageLoader<IBookmarkFolder>({
     baseURL: '/bookmark-folders',
     getBaseRequestOptions: options.auth,
   })
-}
+})
 
-export const useBookmarksLoader = () => {
+export const useBookmarksLoader = defineStore('bookmarks.bookmarks', () => {
   const options = useRequestOptions()
 
   return usePageLoader<IBookmark>({
     baseURL: '/bookmarks',
     getBaseRequestOptions: options.auth,
   })
-}
+})
 
-export const useBookmarkPreviewLoader = () => {
+export const useBookmarkPreviewLoader = defineStore('bookmarks.preview', () => {
   const options = useRequestOptions()
 
   return useObjectLoader<IBookmarkPreview>({
@@ -50,4 +50,4 @@ export const useBookmarkPreviewLoader = () => {
     url: '/bookmarks/preview',
     getRequestOptions: options.auth,
   })
-}
+})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",