memi-board 0.42.0 → 0.42.1

package/dist/composables/useMemiBoardMiniPosts.d.ts

@@ -1,5 +1,12 @@
 import { MaybeRefOrGetter } from 'vue';
 import { PostModel } from '../types';
+/**
+ * SSR과 클라이언트 첫 렌더의 pending 상태가 갈리면(서버는 즉시 완료, 클라이언트는
+ * 로딩 중) MiniList.vue가 서버에선 빈 상태(<p>), 클라이언트에선 스켈레톤(<div>)을
+ * 그려 노드 자체가 달라지는 하이드레이션 mismatch가 난다. 쿼리가 where/orderBy/limit을
+ * 쓰는 복합 쿼리라 ssrKey 없인 vuefire가 경로를 못 찾는 것도 같은 원인이라, 두 컴포저블
+ * 모두 서버에서도 쿼리를 실행하고 ssrKey로 하이드레이션시킨다.
+ */
 export declare function useMemiBoardMiniLatest(boardId: MaybeRefOrGetter<string | null>, count: MaybeRefOrGetter<number>): {
     posts: import('vue').ComputedRef<import('vuefire').VueFirestoreQueryData<PostModel>>;
     pending: import('vue').Ref<boolean, boolean>;

package/dist/index.js

@@ -2227,30 +2227,29 @@ function Un() {
 //#endregion
 //#region src/composables/useMemiBoardMiniPosts.ts
 function Wn(e, t) {
-	let n = Q(), r = () => _(), i = M(() => {
-		if (!import.meta.client) return null;
+	let n = Q(), r = () => _(), i = F(e)?.trim() || "all", a = M(() => {
 		let i = Math.max(1, Math.floor(Number(F(t)) || 5)), a = F(e)?.trim() || "", o = [Y("isPublished", "==", !0), Y("listed", "==", !0)];
 		return a && o.unshift(Y("boardId", "==", a)), W(c(n, r()), ...o, U("createdAt", "desc"), V(i));
-	}), { data: a, pending: o, error: s } = se(i);
+	}), { data: o, pending: s, error: l } = se(a, { ssrKey: w(r(), `mini-list/${i}`) });
 	return {
-		posts: M(() => a.value ?? []),
-		pending: o,
-		error: s
+		posts: M(() => o.value ?? []),
+		pending: s,
+		error: l
 	};
 }
 function Gn(e) {
-	let t = Q(), n = () => _(), r = M(() => [...new Set(F(e).map((e) => e.trim()).filter(Boolean))].slice(0, 10)), i = M(() => !import.meta.client || !r.value.length ? null : W(c(t, n()), Y(L(), "in", r.value))), { data: a, pending: o, error: s } = se(i);
+	let t = Q(), n = () => _(), r = M(() => [...new Set(F(e).map((e) => e.trim()).filter(Boolean))].slice(0, 10)), i = r.value.join(",") || "none", a = M(() => r.value.length ? W(c(t, n()), Y(L(), "in", r.value)) : null), { data: o, pending: s, error: l } = se(a, { ssrKey: w(n(), `mini-picked/${i}`) });
 	return {
 		posts: M(() => {
-			let e = new Map((a.value ?? []).map((e) => [e.id, e])), t = [];
+			let e = new Map((o.value ?? []).map((e) => [e.id, e])), t = [];
 			for (let n of r.value) {
 				let r = e.get(n);
 				r && r.isPublished !== !1 && t.push(r);
 			}
 			return t;
 		}),
-		pending: o,
-		error: s
+		pending: s,
+		error: l
 	};
 }
 //#endregion