@jump-section/vue 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,38 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ScrollOptions, ScrollManager } from '@jump-section/core';
+
+declare function provideScrollManager(options?: ScrollOptions): ScrollManager;
+declare function useScrollManager(): ScrollManager;
+declare function useScrollSection(sectionId?: string): {
+    registerRef: (element: Element | undefined) => void;
+    scrollTo: (id: string) => void;
+    activeId: Readonly<vue.Ref<string | null, string | null>>;
+    isActive: boolean;
+};
+declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    behavior: {
+        type: PropType<ScrollBehavior>;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    behavior: {
+        type: PropType<ScrollBehavior>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    offset: number;
+    behavior: ScrollBehavior;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollSection };

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ScrollOptions, ScrollManager } from '@jump-section/core';
+
+declare function provideScrollManager(options?: ScrollOptions): ScrollManager;
+declare function useScrollManager(): ScrollManager;
+declare function useScrollSection(sectionId?: string): {
+    registerRef: (element: Element | undefined) => void;
+    scrollTo: (id: string) => void;
+    activeId: Readonly<vue.Ref<string | null, string | null>>;
+    isActive: boolean;
+};
+declare const ScrollSectionProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    behavior: {
+        type: PropType<ScrollBehavior>;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    behavior: {
+        type: PropType<ScrollBehavior>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    offset: number;
+    behavior: ScrollBehavior;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ScrollSectionProvider, provideScrollManager, useScrollManager, useScrollSection };

package/dist/index.js

@@ -0,0 +1 @@
+'use strict';var vue=require('vue'),core=require('@jump-section/core');var a=Symbol("ScrollManager");function p(e={}){let r=new core.ScrollManager(e);return vue.provide(a,r),vue.onUnmounted(()=>{r.destroy();}),r}function m(){let e=vue.inject(a);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function y(e){let r=m(),n=vue.ref(null),t;return vue.onMounted(()=>{t=r.onActiveChange(o=>{n.value=o;});}),vue.onUnmounted(()=>{t&&t();}),{registerRef:o=>{o&&e?r.registerSection(e,o):e&&r.unregisterSection(e);},scrollTo:o=>r.scrollTo(o),activeId:vue.readonly(n),isActive:e?n.value===e:false}}var x=vue.defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"}},setup(e,{slots:r}){return p({offset:e.offset,behavior:e.behavior}),()=>r.default?r.default():null}});exports.ScrollSectionProvider=x;exports.provideScrollManager=p;exports.useScrollManager=m;exports.useScrollSection=y;

package/dist/index.mjs

@@ -0,0 +1 @@
+import {defineComponent,provide,onUnmounted,inject,ref,readonly,onMounted}from'vue';import {ScrollManager}from'@jump-section/core';var a=Symbol("ScrollManager");function p(e={}){let r=new ScrollManager(e);return provide(a,r),onUnmounted(()=>{r.destroy();}),r}function m(){let e=inject(a);if(!e)throw new Error("useScrollManager must be used within a component that calls provideScrollManager");return e}function y(e){let r=m(),n=ref(null),t;return onMounted(()=>{t=r.onActiveChange(o=>{n.value=o;});}),onUnmounted(()=>{t&&t();}),{registerRef:o=>{o&&e?r.registerSection(e,o):e&&r.unregisterSection(e);},scrollTo:o=>r.scrollTo(o),activeId:readonly(n),isActive:e?n.value===e:false}}var x=defineComponent({name:"ScrollSectionProvider",props:{offset:{type:Number,default:0},behavior:{type:String,default:"smooth"}},setup(e,{slots:r}){return p({offset:e.offset,behavior:e.behavior}),()=>r.default?r.default():null}});export{x as ScrollSectionProvider,p as provideScrollManager,m as useScrollManager,y as useScrollSection};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@jump-section/vue",
+  "version": "1.0.0",
+  "description": "Vue composables for jump-section scroll management",
+  "keywords": [
+    "scroll",
+    "navigation",
+    "section",
+    "jump",
+    "vue",
+    "composables"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bae080311/jump-section.git",
+    "directory": "packages/vue"
+  },
+  "license": "ISC",
+  "author": "k_jin.0",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@jump-section/core": "workspace:*"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run --environment jsdom"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}