feat(ssr) Prismic package support ssr

packages/prismic/src/composables/usePrismic/index.ts

@@ -1,5 +1,6 @@
 import { ref, Ref } from '@vue/composition-api';
 import { PrismicQuery, PrismicMeta, PrismicOptions } from '../../types';
+import { useSSR } from '../../../../core/core/src/utils';
 import { Document } from 'prismic-javascript/d.ts/documents';
 import loadDocuments from './loadDocuments';
 
@@ -13,19 +14,23 @@ interface UsePrismic {
   search: Search;
 }
 
-export default function usePrismic(): UsePrismic {
+export default function usePrismic(cacheId?: string): UsePrismic {
+  const { initialState, saveToInitialState } = useSSR(cacheId);
   const loading = ref(false);
   const error = ref(null);
-  const doc: Ref<Document | Document[]> = ref({});
+  const doc: Ref<Document | Document[]> = ref(initialState || {});
   const meta: Ref<PrismicMeta | null> = ref(null);
 
   const search: Search = async (query: PrismicQuery | PrismicQuery[], options: PrismicOptions = {}) => {
-    loading.value = true;
+    if (!initialState) {
+      loading.value = true;
+    }
 
     const { results, metadata } = await loadDocuments(query, options);
 
     meta.value = metadata;
     doc.value = results;
+    saveToInitialState(doc.value);
     loading.value = false;
   };