@ssgoi/vue/dist/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 p, renderSlot as u, unref as f } from "vue";
import { vTransition as g } from "./transition.js";
import { useSsgoi as v } from "./context.js";
const w = /* @__PURE__ */ a({
  __name: "ssgoi-transition",
  props: {
    id: {},
    as: { default: "div" },
    class: {}
  },
  setup(o) {
    const t = o, i = v(), n = e(() => ({
      ...i(t.id),
      key: t.id
    }));
    return (s, C) => r((l(), c(d(s.as), {
      "data-ssgoi-transition": s.id,
      class: m(t.class)
    }, {
      default: p(() => [
        u(s.$slots, "default")
      ]),
      _: 3
    }, 8, ["data-ssgoi-transition", "class"])), [
      [f(g), n.value]
    ]);
  }
});
export {
  w as default
};