@ssgoi/vue 7.0.3 → 7.1.0-beta.0

package/dist/nuxt.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("nuxt/app"),r=require("./route-boundary.cjs"),t=r.createRouteBoundary(()=>{const e=o.useRouter();return()=>e.currentRoute.value.path});exports.SsgoiRouteBoundary=t;

package/dist/nuxt.d.ts

@@ -0,0 +1,36 @@
+export type { RouteBoundaryState, SsgoiRouteBoundaryProps, } from './route-boundary';
+export declare const SsgoiRouteBoundary: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: import('vue').PropType<import('./route-boundary').SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: import('vue').PropType<import('./route-boundary').SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    as: keyof HTMLElementTagNameMap;
+    resolve: ((location: {
+        pathname: string;
+    }) => import('./route-boundary').RouteBoundaryState) | undefined;
+    routeKey: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/nuxt.js

@@ -0,0 +1,9 @@
+import { useRouter as r } from "nuxt/app";
+import { createRouteBoundary as t } from "./route-boundary.js";
+const n = t(() => {
+  const o = r();
+  return () => o.currentRoute.value.path;
+});
+export {
+  n as SsgoiRouteBoundary
+};

package/dist/route-boundary.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");function d(o){return u.defineComponent({name:"SsgoiRouteBoundary",inheritAttrs:!1,props:{as:{type:String,default:"div"},routeKey:{type:[String,Number],default:void 0},resolve:{type:Function,default:void 0}},setup(e,{attrs:a,slots:r}){const i=o(),t=u.computed(()=>{const n=i();return e.resolve?.({pathname:n})??{id:n}});return()=>u.h(e.as,{...a,key:e.routeKey??t.value.key??t.value.id,"data-ssgoi-transition":t.value.id},r.default?.())}})}exports.createRouteBoundary=d;

package/dist/route-boundary.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+export interface RouteBoundaryState {
+    id: string;
+    key?: string | number;
+}
+export interface SsgoiRouteBoundaryProps {
+    as?: keyof HTMLElementTagNameMap;
+    routeKey?: string | number;
+    resolve?: (location: {
+        pathname: string;
+    }) => RouteBoundaryState;
+}
+/** Shared rendering only; each subpath supplies its own router hook. */
+export declare function createRouteBoundary(usePathname: () => () => string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: PropType<SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: PropType<SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    as: keyof HTMLElementTagNameMap;
+    resolve: ((location: {
+        pathname: string;
+    }) => RouteBoundaryState) | undefined;
+    routeKey: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/route-boundary.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, computed as d, h as s } from "vue";
+function y(o) {
+  return i({
+    name: "SsgoiRouteBoundary",
+    inheritAttrs: !1,
+    props: {
+      as: {
+        type: String,
+        default: "div"
+      },
+      routeKey: { type: [String, Number], default: void 0 },
+      resolve: {
+        type: Function,
+        default: void 0
+      }
+    },
+    setup(e, { attrs: a, slots: r }) {
+      const u = o(), t = d(() => {
+        const n = u();
+        return e.resolve?.({ pathname: n }) ?? { id: n };
+      });
+      return () => s(
+        e.as,
+        {
+          ...a,
+          key: e.routeKey ?? t.value.key ?? t.value.id,
+          "data-ssgoi-transition": t.value.id
+        },
+        r.default?.()
+      );
+    }
+  });
+}
+export {
+  y as createRouteBoundary
+};

package/dist/vue-router.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue-router"),r=require("./route-boundary.cjs"),t=r.createRouteBoundary(()=>{const e=o.useRouter();return()=>e.currentRoute.value.path});exports.SsgoiRouteBoundary=t;

package/dist/vue-router.d.ts

@@ -0,0 +1,36 @@
+export type { RouteBoundaryState, SsgoiRouteBoundaryProps, } from './route-boundary';
+export declare const SsgoiRouteBoundary: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: import('vue').PropType<import('./route-boundary').SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    routeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    resolve: {
+        type: import('vue').PropType<import('./route-boundary').SsgoiRouteBoundaryProps["resolve"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    as: keyof HTMLElementTagNameMap;
+    resolve: ((location: {
+        pathname: string;
+    }) => import('./route-boundary').RouteBoundaryState) | undefined;
+    routeKey: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue-router.js

@@ -0,0 +1,9 @@
+import { useRouter as r } from "vue-router";
+import { createRouteBoundary as t } from "./route-boundary.js";
+const n = t(() => {
+  const o = r();
+  return () => o.currentRoute.value.path;
+});
+export {
+  n as SsgoiRouteBoundary
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/vue",
-  "version": "7.0.3",
+  "version": "7.1.0-beta.0",
   "description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
   "private": false,
   "type": "module",
@@ -30,13 +30,27 @@
       "import": "./dist/view-transitions.js",
       "require": "./dist/view-transitions.cjs",
       "default": "./dist/view-transitions.js"
+    },
+    "./vue-router": {
+      "types": "./dist/vue-router.d.ts",
+      "import": "./dist/vue-router.js",
+      "require": "./dist/vue-router.cjs",
+      "default": "./dist/vue-router.js"
+    },
+    "./nuxt": {
+      "types": "./dist/nuxt.d.ts",
+      "import": "./dist/nuxt.js",
+      "require": "./dist/nuxt.cjs",
+      "default": "./dist/nuxt.js"
     }
   },
   "dependencies": {
-    "@ssgoi/core": "^7.0.3"
+    "@ssgoi/core": "^7.1.0-beta.0"
   },
   "peerDependencies": {
-    "vue": "^3.5.0"
+    "vue": "^3.5.0",
+    "vue-router": "*",
+    "nuxt": "*"
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
@@ -51,7 +65,9 @@
     "typescript-eslint": "^8.35.1",
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
-    "vue-tsc": "^2.2.12"
+    "vue-tsc": "^2.2.12",
+    "vue-router": "^4.6.3",
+    "nuxt": "^3.20.2"
   },
   "keywords": [
     "vue",
@@ -77,6 +93,14 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    },
+    "nuxt": {
+      "optional": true
+    }
+  },
   "scripts": {
     "dev": "vite build --watch",
     "build": "vue-tsc -b && vite build",