@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/core/ComponentPlaceholder.d.vue.ts

@@ -0,0 +1,7 @@
+import type { IriProp } from '#cwa/composables/cwa-resource';
+type __VLS_Props = IriProp & {
+    name?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ComponentPlaceholder.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="cwa:flex cwa:flex-col cwa:border cwa:border-dashed cwa:border-gray-300 cwa:p-5 cwa:text-medium">
+    <div class="cwa:flex cwa:justify-center">
+      <ComponentIcon />
+    </div>
+    <div
+      v-if="name"
+      class="cwa:flex cwa:justify-center cwa:mt-2"
+    >
+      <span class="cwa:text-xs cwa:py-0.5 cwa:px-3 cwa:bg-stone-200/10 cwa:rounded-full cwa:font-bold cwa:tracking-wide">{{ name }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from "vue";
+import ComponentIcon from "./assets/IconComponents.vue";
+import { useCwa } from "#imports";
+const props = defineProps({
+  iri: { type: String, required: true },
+  name: { type: String, required: false }
+});
+const $cwa = useCwa();
+onMounted(() => {
+  $cwa.admin.eventBus.emit("componentMounted", props.iri + "_placeholder");
+});
+</script>

package/dist/runtime/templates/components/core/ComponentPlaceholder.vue.d.ts

@@ -0,0 +1,7 @@
+import type { IriProp } from '#cwa/composables/cwa-resource';
+type __VLS_Props = IriProp & {
+    name?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ComponentPosition.d.vue.ts

@@ -0,0 +1,4 @@
+import type { IriProp } from '#cwa/composables/cwa-resource';
+declare const __VLS_export: import("vue").DefineComponent<IriProp, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IriProp> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ComponentPosition.spec.ts.snap

@@ -0,0 +1,16 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ComponentPosition > snapshots > should match snapshot with ResourceLoader component with componentIri 1`] = `
+<div
+  data-v-app=""
+>
+  
+  <!--cwa-start-->
+  <resourceloader-stub
+    componentprefix="CwaComponent"
+    iri="test"
+  />
+  <!--cwa-end-->
+  
+</div>
+`;

package/dist/runtime/templates/components/core/ComponentPosition.vue

@@ -0,0 +1,64 @@
+<template>
+  <!--cwa-start-->
+  <ResourceLoader
+    v-if="componentIri"
+    ref="resourceLoaderRef"
+    :iri="componentIri"
+    component-prefix="CwaComponent"
+  />
+  <ComponentPlaceholder
+    v-else-if="$cwa.auth.isAdmin"
+    :name="resource?.data?.pageDataProperty"
+    :iri="iri"
+  />
+  <!--cwa-end-->
+</template>
+
+<script setup>
+import { computed, ref, toRef, useTemplateRef, watchEffect } from "vue";
+import ResourceLoader from "./ResourceLoader.vue";
+import ComponentPlaceholder from "./ComponentPlaceholder.vue";
+import { useCwa, useCwaResource, useCwaResourceManageable } from "#imports";
+import { NEW_RESOURCE_IRI } from "#cwa/storage/stores/resources/state";
+const $cwa = useCwa();
+const props = defineProps({
+  iri: { type: String, required: true }
+});
+const resourceLoaderRef = useTemplateRef("resourceLoaderRef");
+const resourceManagerOps = ref({});
+const iriRef = toRef(props, "iri");
+const resource = useCwaResource(iriRef).getResource();
+useCwaResourceManageable(iriRef);
+const addingEvent = computed(() => {
+  return $cwa.resourcesManager.addResourceEvent.value;
+});
+const componentIri = computed(() => {
+  const newResource = $cwa.resources.getResource(NEW_RESOURCE_IRI);
+  if (addingEvent.value?.targetIri === props.iri && addingEvent.value?.addAfter === null && newResource.value) {
+    return NEW_RESOURCE_IRI;
+  }
+  const iri = resource.value?.data?.component;
+  if (iri === NEW_RESOURCE_IRI) {
+    return iri;
+  }
+  const publishedIri = $cwa.resources.findPublishedComponentIri(iri).value;
+  if ($cwa.admin.isEditing) {
+    const selectedEditingIri = $cwa.admin.resourceStackManager.currentIri.value;
+    const draftIri = $cwa.resources.findDraftComponentIri(iri).value;
+    if (selectedEditingIri && [draftIri, publishedIri].includes(selectedEditingIri)) {
+      return selectedEditingIri;
+    }
+    return draftIri || iri;
+  }
+  return publishedIri;
+});
+watchEffect(() => {
+  const component = resourceLoaderRef.value?.resourceComponent;
+  if (!component) {
+    return;
+  }
+  resourceManagerOps.value.styles = component.cwaResource?.styles;
+  resourceManagerOps.value.disabled = !!component.disableManager;
+});
+useCwaResourceManageable(componentIri, resourceManagerOps);
+</script>

package/dist/runtime/templates/components/core/ComponentPosition.vue.d.ts

@@ -0,0 +1,4 @@
+import type { IriProp } from '#cwa/composables/cwa-resource';
+declare const __VLS_export: import("vue").DefineComponent<IriProp, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IriProp> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ConfirmDialog.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    title?: string;
+    content?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    content: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ConfirmDialog.vue

@@ -0,0 +1,41 @@
+<script setup>
+import { computed, ref } from "vue";
+import DialogBox from "#cwa/templates/components/core/DialogBox.vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "No Title Set" },
+  content: { type: String, required: false, default: "No Content Set" }
+});
+const emit = defineEmits(["confirm", "cancel"]);
+const open = ref(true);
+function completeDialog(eventName) {
+  open.value = false;
+  setTimeout(() => {
+    emit(eventName);
+  }, eventName === "cancel" ? 300 : 0);
+}
+const buttons = computed(() => {
+  return [
+    {
+      label: "Ok",
+      color: "blue",
+      buttonClass: "cwa:min-w-[120px]",
+      callbackFn: () => completeDialog("confirm")
+    },
+    {
+      label: "Cancel",
+      color: "grey",
+      callbackFn: () => completeDialog("cancel")
+    }
+  ];
+});
+</script>
+
+<template>
+  <DialogBox
+    v-model="open"
+    :title="title"
+    :buttons="buttons"
+  >
+    <div v-html="props.content" />
+  </DialogBox>
+</template>

package/dist/runtime/templates/components/core/ConfirmDialog.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    title?: string;
+    content?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    content: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/DialogBox.d.vue.ts

@@ -0,0 +1,38 @@
+import type { ButtonColor } from '#cwa/templates/components/ui/form/Button.vue';
+export interface ActionButton {
+    label: string;
+    color: ButtonColor;
+    buttonClass?: string;
+    callbackFn?: () => void;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    title?: string;
+    buttons?: ActionButton[];
+    isLoading?: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+    buttons(): any;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    isLoading: boolean;
+    buttons: ActionButton[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/DialogBox.vue

@@ -0,0 +1,96 @@
+<template>
+  <TransitionRoot
+    as="template"
+    :show="isOpen"
+  >
+    <Dialog
+      as="div"
+      class="cwa:relative cwa:z-dialog"
+      @close="setIsOpen"
+    >
+      <TransitionChild
+        as="template"
+        enter="cwa:ease-out cwa:duration-300"
+        enter-from="cwa:opacity-0"
+        enter-to="cwa:opacity-100"
+        leave="cwa:ease-in cwa:duration-200"
+        leave-from="cwa:opacity-100"
+        leave-to="cwa:opacity-0"
+      >
+        <div class="cwa:fixed cwa:inset-0 cwa:dark-blur cwa:transition-opacity" />
+      </TransitionChild>
+
+      <div class="cwa:fixed cwa:inset-0 cwa:z-dialog cwa:w-screen cwa:overflow-y-auto">
+        <div class="cwa:flex cwa:min-h-full cwa:items-end cwa:justify-center cwa:p-4 cwa:text-center cwa:sm:items-center">
+          <TransitionChild
+            as="template"
+            enter="cwa:ease-out cwa:duration-300"
+            enter-from="cwa:opacity-0 cwa:translate-y-4 cwa:sm:translate-y-0 cwa:sm:scale-95"
+            enter-to="cwa:opacity-100 cwa:translate-y-0 cwa:sm:scale-100"
+            leave="cwa:duration-0"
+            leave-from="cwa:opacity-100"
+            leave-to="cwa:opacity-0"
+          >
+            <DialogPanel :class="panelClassName">
+              <div class="cwa:sm:flex cwa:sm:items-start">
+                <div class="w-full">
+                  <DialogTitle
+                    as="h3"
+                    class="cwa:text-xl cwa:sm:text-4xl cwa:font-normal cwa:border-b cwa:border-stone-600 cwa:px-6 cwa:pb-4  cwa:dark-blur cwa:pt-5"
+                  >
+                    {{ title }}
+                  </DialogTitle>
+                  <div class="cwa:px-6 cwa:py-6 cwa:bg-dark">
+                    <slot />
+                  </div>
+                </div>
+              </div>
+              <div class="cwa:px-6 cwa:py-5 cwa:sm:flex cwa:sm:flex-row-reverse cwa:gap-y-2 cwa:sm:gap-y-0 cwa:sm:gap-x-6 cwa:sm:gap-x-reverse cwa:dark-blur cwa:border-t cwa:border-stone-600">
+                <slot name="buttons">
+                  <CwaUiFormButton
+                    v-for="button of buttons"
+                    :key="`dialog-button-${button.label}`"
+                    :color="button.color"
+                    :button-class="button.buttonClass"
+                    :disabled="!!button.disabled || isLoading"
+                    @click="!button.disabled && (button?.callbackFn ? button.callbackFn() : setIsOpen(false))"
+                  >
+                    {{ button.label }}
+                  </CwaUiFormButton>
+                </slot>
+              </div>
+            </DialogPanel>
+          </TransitionChild>
+        </div>
+      </div>
+    </Dialog>
+  </TransitionRoot>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue";
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+defineProps({
+  title: { type: String, required: false, default: "" },
+  buttons: { type: Array, required: false, default: () => [
+    {
+      color: "blue",
+      buttonClass: "cwa:min-w-[120px]",
+      label: "Done"
+    },
+    {
+      color: "grey",
+      label: "Cancel"
+    }
+  ] },
+  isLoading: { type: Boolean, required: false, default: false }
+});
+function setIsOpen(value) {
+  isOpen.value = !!value;
+}
+const panelClassName = computed(() => {
+  return "cwa:relative cwa:transform cwa:overflow-hidden cwa:rounded-xl cwa:text-white cwa:text-left cwa:shadow-xl cwa:transition-all cwa:sm:my-8 cwa:sm:w-full cwa:sm:max-w-3xl";
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/core/DialogBox.vue.d.ts

@@ -0,0 +1,38 @@
+import type { ButtonColor } from '#cwa/templates/components/ui/form/Button.vue';
+export interface ActionButton {
+    label: string;
+    color: ButtonColor;
+    buttonClass?: string;
+    callbackFn?: () => void;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    title?: string;
+    buttons?: ActionButton[];
+    isLoading?: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+    buttons(): any;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    isLoading: boolean;
+    buttons: ActionButton[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/README.md

@@ -0,0 +1 @@
+Components in this directory are for internal use by the module and are not automatically imported. This should not be used within your application and are internal.

package/dist/runtime/templates/components/core/ResourceLoader.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CwaResourceMeta } from '#cwa/composables/cwa-resource';
+import type { IriProp } from '#cwa/composables/cwa-resource.js';
+type __VLS_Props = IriProp & {
+    componentPrefix?: string;
+    uiComponent?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    resourceComponent: Readonly<import("vue").ShallowRef<CwaResourceMeta | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    uiComponent: any;
+    componentPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/ResourceLoader.spec.ts.snap

@@ -0,0 +1,39 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ResourceLoader > snapshots > should match snapshot IF UI component is not resolved 1`] = `
+<cwauialertwarning-stub>
+  <p>
+    The component 'TestComponentMock' for resource 'testIri' cannot be resolved
+  </p>
+</cwauialertwarning-stub>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF component is resolved from props 1`] = `
+<dummycomponent-stub
+  iri="testIri"
+/>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF global component name is resolved 1`] = `
+<globalcomponent-stub
+  iri="testIri"
+/>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource data is not resolved 1`] = `<!--v-if-->`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource does not exist after loading 1`] = `
+<cwauialertwarning-stub>
+  <p>
+    Resource 'testIri' has not been requested
+  </p>
+</cwauialertwarning-stub>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource is loading 1`] = `
+<div>
+  <spinner-stub
+    show="true"
+  />
+</div>
+`;

package/dist/runtime/templates/components/core/ResourceLoader.vue

@@ -0,0 +1,151 @@
+<template>
+  <div v-if="isLoading">
+    <Spinner :show="true" />
+  </div>
+  <CwaUiAlertWarning v-else-if="warningPlaceholder">
+    <p>{{ warningPlaceholder }}</p>
+  </CwaUiAlertWarning>
+  <component
+    v-bind="$attrs"
+    :is="resolvedComponent"
+    v-else-if="!!resource?.data && iri"
+    ref="resourceComponent"
+    :iri="iri"
+    :class="resourceClassNames"
+  />
+</template>
+
+<script setup>
+import { computed, onMounted, watch, getCurrentInstance, ref, onBeforeMount, useTemplateRef } from "vue";
+import { CwaResourceApiStatuses } from "../../../storage/stores/resources/state";
+import { useCwa } from "#imports";
+import {
+  CwaResourceTypes,
+  getPublishedResourceState,
+  getResourceTypeFromIri
+} from "#cwa/resources/resource-utils";
+import Spinner from "#cwa/templates/components/utils/Spinner.vue";
+const $cwa = useCwa();
+const instance = getCurrentInstance();
+const props = defineProps({
+  iri: { type: String, required: true },
+  componentPrefix: { type: String, required: false, default: "" },
+  uiComponent: { type: null, required: false, default: void 0 }
+});
+const resource = computed(() => $cwa.resources.getResource(props.iri).value);
+const resourceComponent = useTemplateRef("resourceComponent");
+const resourceLoadBuffering = ref(!resource.value);
+onBeforeMount(() => {
+  if (resourceLoadBuffering.value) {
+    setTimeout(() => {
+      resourceLoadBuffering.value = false;
+    }, 20);
+  }
+});
+const isLoading = computed(() => {
+  if (!props.iri) {
+    return false;
+  }
+  const isLoading2 = !!resource.value && !resource.value?.data && resource.value?.apiState.status === CwaResourceApiStatuses.IN_PROGRESS;
+  return isLoading2 || resource.value === void 0 && resourceLoadBuffering.value;
+});
+const warningPlaceholder = computed(() => {
+  if (!props.iri) {
+    return "No IRI has been passed as a property to the `ResourceLoader` component";
+  }
+  if (!resource.value) {
+    return `Resource '${props.iri}' has not been requested`;
+  }
+  if (resourceUiComponent.value && !resolvedComponent.value) {
+    return `The component '${resourceUiComponent.value}' for resource '${props.iri}' cannot be resolved`;
+  }
+  return void 0;
+});
+const resourceUiComponent = computed(() => {
+  const data = resource.value?.data;
+  if (!data) {
+    return;
+  }
+  const rawName = data.uiComponent || data["@type"];
+  if (!rawName) {
+    return;
+  }
+  if (!props.componentPrefix) {
+    return rawName;
+  }
+  const regExp = new RegExp(`^${props.componentPrefix}`);
+  return props.componentPrefix + rawName.replace(regExp, "");
+});
+const resourceClassNames = computed(() => {
+  return resource.value?.data?.uiClassNames;
+});
+const hasError = computed(() => {
+  return resource.value?.apiState.status === CwaResourceApiStatuses.ERROR;
+});
+const hasSilentError = computed(() => {
+  if (!hasError.value) {
+    return false;
+  }
+  const state = resource.value?.apiState;
+  const statusCode = state.error?.statusCode;
+  return !!(statusCode && statusCode >= 400 && statusCode < 500);
+});
+const resolvedComponent = computed(() => {
+  if (props.uiComponent) {
+    return props.uiComponent;
+  }
+  if (typeof instance?.appContext.components !== "object" || !resourceUiComponent.value || !(resourceUiComponent.value in instance.appContext.components)) {
+    return;
+  }
+  return resourceUiComponent.value;
+});
+const ssrNoDataWithSilentError = computed(() => {
+  return resource.value?.apiState.ssr && resource.value?.data === void 0 && hasSilentError;
+});
+const ssrPositionHasPartialData = computed(() => {
+  return resource.value?.apiState.ssr && !!$cwa.auth.user && getResourceTypeFromIri(props.iri) === CwaResourceTypes.COMPONENT_POSITION && $cwa.resources.usesPageTemplate.value;
+});
+const refetchPublishedSsrResourceToResolveDraft = computed(() => {
+  if (getResourceTypeFromIri(props.iri) !== CwaResourceTypes.COMPONENT) {
+    return false;
+  }
+  if (!resource.value) {
+    return;
+  }
+  const publishableState = getPublishedResourceState(resource.value);
+  return publishableState === true && resource.value?.apiState.ssr && $cwa.auth.user;
+});
+const isOutdated = computed(() => {
+  const apiState = resource.value?.apiState;
+  if (!apiState || apiState.status !== CwaResourceApiStatuses.SUCCESS || !apiState.fetchedAt || !apiState.ssr) {
+    return;
+  }
+  const nowTime = (/* @__PURE__ */ new Date()).getTime();
+  const timeDifference = nowTime - apiState.fetchedAt;
+  return timeDifference > 5e3;
+});
+async function clientFetchResource() {
+  await $cwa.fetchResource({
+    path: props.iri
+  });
+}
+const methods = {
+  async fetchResource() {
+    if (isLoading.value) {
+      return;
+    }
+    if (ssrNoDataWithSilentError.value || ssrPositionHasPartialData.value || refetchPublishedSsrResourceToResolveDraft.value) {
+      await clientFetchResource();
+    }
+  }
+};
+onMounted(() => {
+  isOutdated.value && clientFetchResource();
+  watch([hasSilentError, resource], methods.fetchResource, {
+    immediate: true
+  });
+});
+defineExpose({
+  resourceComponent
+});
+</script>

package/dist/runtime/templates/components/core/ResourceLoader.vue.d.ts

@@ -0,0 +1,14 @@
+import type { CwaResourceMeta } from '#cwa/composables/cwa-resource';
+import type { IriProp } from '#cwa/composables/cwa-resource.js';
+type __VLS_Props = IriProp & {
+    componentPrefix?: string;
+    uiComponent?: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    resourceComponent: Readonly<import("vue").ShallowRef<CwaResourceMeta | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    uiComponent: any;
+    componentPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/CwaCode.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/CwaCode.vue

@@ -0,0 +1,7 @@
+<script setup>
+defineSlots();
+</script>
+
+<template>
+  <code class="cwa:border cwa:bg-dark/90 cwa:border-stone-700 cwa:rounded-lg cwa:px-1.5 cwa:py-1.5 cwa:leading-8 cwa:text-stone-200"><slot /></code>
+</template>

package/dist/runtime/templates/components/core/admin/CwaCode.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/ListContainer.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};