@ssgoi/vue/dist/vue/src/lib/ssgoi-transition.vue.js

Vue bindings for SSGOI - Native app-like page transitions for Vue applications

import { defineComponent as a, computed as e, withDirectives as r, createBlock as c, openBlock as l, resolveDynamicComponent as d, normalizeClass as m, withCtx as u, renderSlot as f, unref as p } from "vue";
import { vTransition as g } from "./transition.js";
import { useSsgoi as v } from "./context.js";
const x = /* @__PURE__ */ a({
  __name: "ssgoi-transition",
  props: {
    id: {},
    as: { default: "div" },
    class: {}
  },
  setup(t) {
    const s = t, n = v(), o = e(() => ({
      ...n(s.id),
      key: s.id
    }));
    return (i, C) => r((l(), c(d(t.as), {
      "data-ssgoi-transition": t.id,
      class: m(s.class)
    }, {
      default: u(() => [
        f(i.$slots, "default")
      ]),
      _: 3
    }, 8, ["data-ssgoi-transition", "class"])), [
      [p(g), o.value]
    ]);
  }
});
export {
  x as default
};