@globalbrain/sefirot 3.28.1 → 3.29.0

package/lib/composables/Api.ts

@@ -1,5 +1,6 @@
-import { type Ref, ref } from 'vue'
+import { type Ref, type WatchSource, ref, watch } from 'vue'
 import { Http } from '../http/Http'
+import { tryOnMounted } from './Utils'
 
 export interface Query<Data = any> {
   loading: Ref<boolean>
@@ -13,6 +14,10 @@ export interface UseQueryOptions {
    * @default true
    */
   immediate?: boolean
+  /**
+   * watch the given source(s) and re-execute the query
+   */
+  watch?: WatchSource | WatchSource[]
 }
 
 export interface Mutation<Data = any, Args extends any[] = any[]> {
@@ -30,8 +35,12 @@ export function useQuery<Data = any>(
   const loading = ref(false)
   const data = ref<Data | undefined>()
 
-  if (options.immediate !== false && !import.meta.env.SSR) {
-    execute()
+  if (options.immediate !== false) {
+    tryOnMounted(execute)
+  }
+
+  if (options.watch) {
+    watch(options.watch, execute, { deep: true })
   }
 
   async function execute(): Promise<Data> {

package/lib/composables/Utils.ts

@@ -1,4 +1,4 @@
-import { type ComputedRef, type MaybeRefOrGetter, computed, toValue, useSlots } from 'vue'
+import { type ComputedRef, type MaybeRefOrGetter, computed, getCurrentInstance, onMounted, toValue, useSlots } from 'vue'
 import { isArray, isString } from '../support/Utils'
 
 export type WhenCondition<T> = MaybeRefOrGetter<T>
@@ -61,3 +61,11 @@ export function useSlotValue(name = 'default'): ComputedRef<string | null> {
     return v !== '' ? v : null
   })
 }
+
+export function tryOnMounted(fn: () => void): void {
+  if (getCurrentInstance()) {
+    onMounted(fn)
+  } else if (!import.meta.env.SSR) {
+    fn()
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.28.1",
-  "packageManager": "pnpm@8.14.3",
+  "version": "3.29.0",
+  "packageManager": "pnpm@8.15.1",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "license": "MIT",
@@ -53,7 +53,7 @@
     "markdown-it": "^14.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.1.7",
-    "postcss": "^8.4.33",
+    "postcss": "^8.4.34",
     "postcss-nested": "^6.0.1",
     "v-calendar": "^3.1.2",
     "vue": "^3.4.15",
@@ -72,7 +72,7 @@
   },
   "devDependencies": {
     "@globalbrain/eslint-config": "^1.5.2",
-    "@histoire/plugin-vue": "^0.17.8",
+    "@histoire/plugin-vue": "^0.17.9",
     "@iconify-icons/ph": "^1.2.5",
     "@iconify-icons/ri": "^1.2.10",
     "@iconify/vue": "^4.1.1",
@@ -80,31 +80,31 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^13.0.7",
-    "@types/node": "^20.11.6",
+    "@types/node": "^20.11.16",
     "@vitejs/plugin-vue": "^5.0.3",
-    "@vitest/coverage-v8": "^1.2.1",
-    "@vue/test-utils": "^2.4.3",
+    "@vitest/coverage-v8": "^1.2.2",
+    "@vue/test-utils": "^2.4.4",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.7.2",
     "body-scroll-lock": "4.0.0-beta.0",
     "eslint": "^8.56.0",
     "fuse.js": "^7.0.0",
-    "happy-dom": "^13.3.1",
-    "histoire": "^0.17.8",
+    "happy-dom": "^13.3.8",
+    "histoire": "^0.17.9",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.1.7",
-    "postcss": "^8.4.33",
+    "postcss": "^8.4.34",
     "postcss-nested": "^6.0.1",
     "punycode": "^2.3.1",
     "release-it": "^17.0.3",
     "typescript": "~5.3.3",
     "v-calendar": "^3.1.2",
     "vite": "^5.0.12",
-    "vitepress": "1.0.0-rc.40",
-    "vitest": "^1.2.1",
+    "vitepress": "1.0.0-rc.41",
+    "vitest": "^1.2.2",
     "vue": "^3.4.15",
     "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.27"