@ulu/frontend-vue 0.6.22 → 0.6.24

package/lib/plugins/tour/index.js

@@ -0,0 +1,29 @@
+/**
+ * @module tourPlugin
+ */
+import { reactive } from 'vue';
+import UluTourDisplay from './UluTourDisplay.vue';
+import { createApi } from './api.js';
+import { useTour } from './useTour.js';
+
+export default function install(app) {
+  const state = reactive({
+    active: null,
+    stepIndex: 0
+  });
+  
+  const api = createApi(state);
+  
+  app.component("UluTourDisplay", UluTourDisplay);
+  
+  app.config.globalProperties.$uluTour = api;
+  app.config.globalProperties.$uluTourState = state;
+  
+  app.provide('uluTour', api);
+  app.provide('uluTourState', state);
+}
+
+export { useTour };
+export { default as UluTourDisplay } from './UluTourDisplay.vue';
+export { default as UluTourPager } from './UluTourPager.vue';
+export { default as UluTourContent } from './UluTourContent.vue';

package/lib/plugins/tour/useTour.js

@@ -0,0 +1,10 @@
+import { useRequiredInject } from '../../composables/useRequiredInject.js';
+
+/**
+ * Composable for accessing the Tour API and state
+ */
+export function useTour() {
+  const api = useRequiredInject('uluTour');
+  const state = useRequiredInject('uluTourState');
+  return { api, state };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.6.22",
+  "version": "0.6.24",
   "description": "A modular, tree-shakeable Vue 3 component library for the Ulu Frontend theming system, plus general utilities for Vue development",
   "type": "module",
   "files": [