vue3-sphinx-xml 0.2.1-rc.2 → 0.3.1

package/README.md

@@ -15,16 +15,21 @@ npm install --save vue3-sphinx-xml
 
 ### Module import
 
-vue3-sphinx-xml makes use of the vuex store to track data. You must use a vuex store for the component to work.
-**⚠️ You need to install the module with the application like so:**
+vue3-sphinx-xml makes use of the pinia to track data.
+It uses a local pinia instance for its own purposes.
+You can pass options to Katex when you install vue3-sphinx-xml, using the **katex** key in the options parameter.
 
 ```javascript
-import store from './store'
-
 import { installVue3SphinxXml } from 'vue3-sphinx-xml'
 import 'vue3-sphinx-xml/dist/style.css'
 
-createApp(App).use(store).use(installVue3SphinxXml, { store }).mount('#app')
+createApp(App)
+  .use(installVue3SphinxXml, {
+    katex: {
+      /* Katex options go here. */
+    },
+  })
+  .mount('#app')
 ```
 
 Add the above to your `main.js` application file before the line creating a `createApp(App)` instance (this assumes that a standard layout is followed when creating your application).
@@ -39,8 +44,6 @@ npm install --save vue-highlightjs
 and edit your `main.js` application file to have the following:
 
 ```javascript
-import store from './store'
-
 import { installVue3SphinxXml } from 'vue3-sphinx-xml'
 import 'vue3-sphinx-xml/dist/style.css'
 
@@ -50,7 +53,7 @@ import 'highlight.js/styles/xcode.css'
 
 createApp(App)
   .use(store)
-  .use(installVue3SphinxXml, { store })
+  .use(installVue3SphinxXml)
   .use(VueHighlightJS)
   .mount('#app')
 ```
@@ -66,7 +69,7 @@ Example view `Documentation.vue`:
 ```javascript
 <template>
   <div class="documentation">
-    <sphinx-page :baseURL="/sphinx-xml-files"
+    <sphinx-page baseURL="/sphinx-xml-files"
     />
   </div>
 </template>
@@ -77,6 +80,8 @@ import { SphinxPage } from 'vue3-sphinx-xml'
 
 ```
 
+In this example the XML source files would be in the directory **public/sphinx-xml-files**.
+
 #### SphinxPage API
 
 - props
@@ -91,7 +96,8 @@ import { SphinxPage } from 'vue3-sphinx-xml'
 
 ### Module routing
 
-vue3-sphinx-xml requires that you use vue-router. To add a vue3-sphinx-xml route under `documentation` add the following to `routes` object for vue-router:
+vue3-sphinx-xml requires that you use vue-router.
+To add a vue3-sphinx-xml route under `documentation` add the following to `routes` object for vue-router:
 
 ```javascript
   {
@@ -121,7 +127,11 @@ import VueKatex from 'vue-katex'
 
 import 'katex/dist/katex.min.css'
 
-Vue.use(SphinxXml, { store })
+Vue.use(SphinxXml, {
+  katex: {
+    /* Katex options. */
+  },
+})
 Vue.use(VueKatex)
 ```
 

package/dist/Admonition.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { toRefs, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, resolveDynamicComponent } from "vue";
+import { u as useMethods } from "./methods.js";
+import { u as useClasses, a as useChildren } from "./entry.js";
+import "@hsorby/vue3-katex";
+import "katex/dist/katex.min.css";
+import "vue-router";
+import "axios";
+import "path-to-regexp";
+const _hoisted_1 = ["id"];
+const _sfc_main = {
+  props: {
+    node: {
+      type: void 0,
+      default: null
+    },
+    componentName: {
+      type: String
+    },
+    properties: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { node } = toRefs(props);
+    const { extractId } = useMethods();
+    const { classes } = useClasses(node);
+    const { id } = extractId(node.value);
+    const { children } = useChildren(node);
+    const combinedClasses = computed(() => {
+      return ["admonition", ...classes.value];
+    });
+    const result = dataObject(node.value, combinedClasses.value);
+    attrs.value = __spreadProps(__spreadValues({}, result.attrs), {
+      class: result.class.join(" ")
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({ id: unref(id) }, _ctx.attrs), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (c, index) => {
+          return openBlock(), createBlock(resolveDynamicComponent(c.component), {
+            key: "admonition_component_" + index,
+            node: c.node,
+            componentName: c.name,
+            properties: c.properties
+          }, null, 8, ["node", "componentName", "properties"]);
+        }), 128))
+      ], 16, _hoisted_1);
+    };
+  }
+};
+export { _sfc_main as default };
+//# sourceMappingURL=Admonition.js.map

package/dist/Admonition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Admonition.js","sources":["../src/components/templates/Admonition.vue"],"sourcesContent":["<template>\n  <div :id=\"id\" :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'admonition_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren, useClasses } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  }\n})\n\nconst { node } = toRefs(props)\n\nconst { extractId } = useMethods()\nconst { classes } = useClasses(node)\n\nconst { id } = extractId(node.value)\n\nconst { children } = useChildren(node)\n\nconst combinedClasses = computed(() => {\n  return ['admonition', ...classes.value]\n})\n\nconst result = dataObject(node.value, combinedClasses.value)\nattrs.value = {\n    ...result.attrs,\n    class: result.class.join(' '),\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,cAAc,WAAY;AAClC,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,OAAO,UAAU,KAAK,KAAK;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,cAAc,GAAG,QAAQ,KAAK;AAAA,IACxC,CAAC;AAED,UAAM,SAAS,WAAW,KAAK,OAAO,gBAAgB,KAAK;AAC3D,UAAM,QAAQ,iCACP,OAAO,QADA;AAAA,MAEV,OAAO,OAAO,MAAM,KAAK,GAAG;AAAA,IAC7B;;;;;;;;;;;;;;;;"}

package/dist/BlockQuote.js

@@ -1,11 +1,10 @@
 import { toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/BlockQuote.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockQuote.js","sources":["../src/components/templates/BlockQuote.vue"],"sourcesContent":["<template>\n  <blockquote>\n    <div>\n      <component\n        v-for=\"(c, index) in children\"\n        :key=\"'section_component_' + index\"\n        :is=\"c.component\"\n        :node=\"c.node\"\n        :componentName=\"c.name\"\n        :properties=\"c.properties\"\n      />\n    </div>\n  </blockquote>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  }\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockQuote.js","sources":["../src/components/templates/BlockQuote.vue"],"sourcesContent":["<template>\n  <blockquote>\n    <div>\n      <component\n        v-for=\"(c, index) in children\"\n        :key=\"'section_component_' + index\"\n        :is=\"c.component\"\n        :node=\"c.node\"\n        :componentName=\"c.name\"\n        :properties=\"c.properties\"\n      />\n    </div>\n  </blockquote>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  }\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;;;;;;;;;;;;;;;;;;"}

package/dist/CaptionNumber.js

@@ -18,14 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { toRefs, ref, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { a as useClasses, u as useChildren } from "./entry.js";
+import { u as useClasses, a as useChildren } from "./entry.js";
 import { u as useMethods } from "./methods.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/CaptionNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptionNumber.js","sources":["../src/components/templates/CaptionNumber.vue"],"sourcesContent":["<template>\n  <span :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'caption_number_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </span>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinedClasses = computed(() => {\n  return ['caption-number', ...classes.value]\n})\n\nconst result = dataObject(node.value, combinedClasses.value)\nattrs.value = {\n    ...result.attrs,\n    class: result.class.join(' '),\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,kBAAkB,GAAG,QAAQ,KAAK;AAAA,IAC5C,CAAC;AAED,UAAM,SAAS,WAAW,KAAK,OAAO,gBAAgB,KAAK;AAC3D,UAAM,QAAQ,iCACP,OAAO,QADA;AAAA,MAEV,OAAO,OAAO,MAAM,KAAK,GAAG;AAAA,IAC7B;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CaptionNumber.js","sources":["../src/components/templates/CaptionNumber.vue"],"sourcesContent":["<template>\n  <span :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'caption_number_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </span>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinedClasses = computed(() => {\n  return ['caption-number', ...classes.value]\n})\n\nconst result = dataObject(node.value, combinedClasses.value)\nattrs.value = {\n    ...result.attrs,\n    class: result.class.join(' '),\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,kBAAkB,GAAG,QAAQ,KAAK;AAAA,IAC5C,CAAC;AAED,UAAM,SAAS,WAAW,KAAK,OAAO,gBAAgB,KAAK;AAC3D,UAAM,QAAQ,iCACP,OAAO,QADA;AAAA,MAEV,OAAO,OAAO,MAAM,KAAK,GAAG;AAAA,IAC7B;;;;;;;;;;;;;;;;"}

package/dist/Compound.js

@@ -1,11 +1,10 @@
 import { toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/Compound.js.map

@@ -1 +1 @@
-{"version":3,"file":"Compound.js","sources":["../src/components/templates/Compound.vue"],"sourcesContent":["<template>\n  <component\n    v-for=\"(c, index) in children\"\n    :key=\"'compound_component_' + index\"\n    :is=\"c.component\"\n    :node=\"c.node\"\n    :componentName=\"c.name\"\n    :properties=\"c.properties\"\n  />\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object\n  }\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;;;;;;;;;;;;;;"}
+{"version":3,"file":"Compound.js","sources":["../src/components/templates/Compound.vue"],"sourcesContent":["<template>\n  <component\n    v-for=\"(c, index) in children\"\n    :key=\"'compound_component_' + index\"\n    :is=\"c.component\"\n    :node=\"c.node\"\n    :componentName=\"c.name\"\n    :properties=\"c.properties\"\n  />\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object\n  }\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;;;;;;;;;;;;;;"}

package/dist/Container.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, onMounted, openBlock, createElementBlock, normalizeClass, toHandlerKey, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { _ as _export_sfc, u as useChildren, a as useClasses } from "./entry.js";
+import { _ as _export_sfc, a as useChildren, u as useClasses } from "./entry.js";
 import { u as useMethods } from "./methods.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 var Container_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = {
   props: {

package/dist/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../src/components/templates/Container.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"combinedClasses\"\n    @[isToggleHeader&&`click`]=\"toggleHeaderClicked\"\n    ref=\"containerElement\"\n  >\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref, toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\nconst { toggleActiveClass } = useMethods()\n\nconst combinedClasses = ref([])\nconst isToggleHeader = ref(false)\nconst containerElement = ref(null)\n\ncombinedClasses.value = [...classes.value]\n\nfunction toggleHeaderClicked() {\n  toggleActiveClass(combinedClasses.value)\n  const index = combinedClasses.value.indexOf('active')\n  let blockType = index === -1 ? 'none' : 'block'\n\n  let elementSibling = containerElement.value.nextElementSibling\n  while (elementSibling !== null) {\n    elementSibling.style.display = blockType\n    elementSibling = elementSibling.nextElementSibling\n  }\n}\n\nonMounted(() => {\n  if (\n    classes.value.includes('header') ||\n    classes.value.includes('header-left')\n  ) {\n    combinedClasses.value.push('inactive')\n    const parent = node.value.parentElement\n    if (parent) {\n      if (parent.getAttribute('classes').includes('toggle')) {\n        isToggleHeader.value = true\n        combinedClasses.value.push('toggle-header')\n      }\n    }\n  }\n\n  if (classes.value.includes('tab2name')) {\n    console.log('tab2name found')\n  }\n})\n</script>\n\n<style scoped>\n.toggle-header {\n  cursor: pointer;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;AACnC,UAAM,EAAE,sBAAsB,WAAY;AAE1C,UAAM,kBAAkB,IAAI,EAAE;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,IAAI;AAEjC,oBAAgB,QAAQ,CAAC,GAAG,QAAQ,KAAK;AAEzC,mCAA+B;AAC7B,wBAAkB,gBAAgB,KAAK;AACvC,YAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;AACpD,UAAI,YAAY,UAAU,KAAK,SAAS;AAExC,UAAI,iBAAiB,iBAAiB,MAAM;AAC5C,aAAO,mBAAmB,MAAM;AAC9B,uBAAe,MAAM,UAAU;AAC/B,yBAAiB,eAAe;AAAA,MACjC;AAAA,IACH;AAEA,cAAU,MAAM;AACd,UACE,QAAQ,MAAM,SAAS,QAAQ,KAC/B,QAAQ,MAAM,SAAS,aAAa,GACpC;AACA,wBAAgB,MAAM,KAAK,UAAU;AACrC,cAAM,SAAS,KAAK,MAAM;AAC1B,YAAI,QAAQ;AACV,cAAI,OAAO,aAAa,SAAS,EAAE,SAAS,QAAQ,GAAG;AACrD,2BAAe,QAAQ;AACvB,4BAAgB,MAAM,KAAK,eAAe;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAED,UAAI,QAAQ,MAAM,SAAS,UAAU,GAAG;AACtC,gBAAQ,IAAI,gBAAgB;AAAA,MAC7B;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Container.js","sources":["../src/components/templates/Container.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"combinedClasses\"\n    @[isToggleHeader&&`click`]=\"toggleHeaderClicked\"\n    ref=\"containerElement\"\n  >\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref, toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\nconst { toggleActiveClass } = useMethods()\n\nconst combinedClasses = ref([])\nconst isToggleHeader = ref(false)\nconst containerElement = ref(null)\n\ncombinedClasses.value = [...classes.value]\n\nfunction toggleHeaderClicked() {\n  toggleActiveClass(combinedClasses.value)\n  const index = combinedClasses.value.indexOf('active')\n  let blockType = index === -1 ? 'none' : 'block'\n\n  let elementSibling = containerElement.value.nextElementSibling\n  while (elementSibling !== null) {\n    elementSibling.style.display = blockType\n    elementSibling = elementSibling.nextElementSibling\n  }\n}\n\nonMounted(() => {\n  if (\n    classes.value.includes('header') ||\n    classes.value.includes('header-left')\n  ) {\n    combinedClasses.value.push('inactive')\n    const parent = node.value.parentElement\n    if (parent) {\n      if (parent.getAttribute('classes').includes('toggle')) {\n        isToggleHeader.value = true\n        combinedClasses.value.push('toggle-header')\n      }\n    }\n  }\n\n  if (classes.value.includes('tab2name')) {\n    console.log('tab2name found')\n  }\n})\n</script>\n\n<style scoped>\n.toggle-header {\n  cursor: pointer;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;AACnC,UAAM,EAAE,sBAAsB,WAAY;AAE1C,UAAM,kBAAkB,IAAI,EAAE;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,IAAI;AAEjC,oBAAgB,QAAQ,CAAC,GAAG,QAAQ,KAAK;AAEzC,mCAA+B;AAC7B,wBAAkB,gBAAgB,KAAK;AACvC,YAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;AACpD,UAAI,YAAY,UAAU,KAAK,SAAS;AAExC,UAAI,iBAAiB,iBAAiB,MAAM;AAC5C,aAAO,mBAAmB,MAAM;AAC9B,uBAAe,MAAM,UAAU;AAC/B,yBAAiB,eAAe;AAAA,MACjC;AAAA,IACH;AAEA,cAAU,MAAM;AACd,UACE,QAAQ,MAAM,SAAS,QAAQ,KAC/B,QAAQ,MAAM,SAAS,aAAa,GACpC;AACA,wBAAgB,MAAM,KAAK,UAAU;AACrC,cAAM,SAAS,KAAK,MAAM;AAC1B,YAAI,QAAQ;AACV,cAAI,OAAO,aAAa,SAAS,EAAE,SAAS,QAAQ,GAAG;AACrD,2BAAe,QAAQ;AACvB,4BAAgB,MAAM,KAAK,eAAe;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAED,UAAI,QAAQ,MAAM,SAAS,UAAU,GAAG;AACtC,gBAAQ,IAAI,gBAAgB;AAAA,MAC7B;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/DownloadReference.js

@@ -1,11 +1,10 @@
 import { toRefs, computed, ref, openBlock, createElementBlock, unref, normalizeClass, toDisplayString } from "vue";
 import { useRoute } from "vue-router";
-import { useStore } from "vuex";
-import { d as determineRouteUrl } from "./entry.js";
+import { b as useSphinxStore, d as determineRouteUrl } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _hoisted_1 = ["href", "download"];
 const _sfc_main = {
   props: {
@@ -21,15 +20,12 @@ const _sfc_main = {
     const props = __props;
     const { node } = toRefs(props);
     const route = useRoute();
-    const store = useStore();
+    const sphinxStore = useSphinxStore();
     const href = computed(() => {
       let downloadHref = node.value.getAttribute("filename");
       if (downloadHref && !downloadHref.startsWith("/") && !downloadHref.startsWith("http")) {
         const routeURL = determineRouteUrl(route);
-        downloadHref = [
-          store.getters["sphinx/getDownloadURL"](routeURL),
-          downloadHref
-        ].join("/");
+        downloadHref = [sphinxStore.getDownloadURL(routeURL), downloadHref].join("/");
       }
       return downloadHref;
     });

package/dist/DownloadReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadReference.js","sources":["../src/components/templates/DownloadReference.vue"],"sourcesContent":["<template>\n  <a :href=\"href\" :download=\"saveFilename\" :class=\"classes\" >{{ saveFilename }}</a>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useStore } from 'vuex'\n\nimport { determineRouteUrl } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n})\n\nconst { node } = toRefs(props)\nconst route = useRoute()\nconst store = useStore()\n\nconst href = computed(() => {\n  let downloadHref = node.value.getAttribute('filename')\n  if (\n    downloadHref &&\n    !downloadHref.startsWith('/') &&\n    !downloadHref.startsWith('http')\n  ) {\n    const routeURL = determineRouteUrl(route)\n    downloadHref = [\n      store.getters['sphinx/getDownloadURL'](routeURL),\n      downloadHref,\n    ].join('/')\n  }\n  return downloadHref\n})\n\nconst targetParts = node.value.getAttribute('reftarget').split('/')\nconst downloadName = targetParts[targetParts.length - 1]\nconst classes = ['reference', 'internal', node.value.getAttribute('reftype')]\n\n// Need to use a refernce variable in the template bound attributes.\nconst saveFilename = ref('not-set')\nsaveFilename.value = downloadName\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,SAAU;AACxB,UAAM,QAAQ,SAAU;AAExB,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,eAAe,KAAK,MAAM,aAAa,UAAU;AACrD,UACE,gBACA,CAAC,aAAa,WAAW,GAAG,KAC5B,CAAC,aAAa,WAAW,MAAM,GAC/B;AACA,cAAM,WAAW,kBAAkB,KAAK;AACxC,uBAAe;AAAA,UACb,MAAM,QAAQ,yBAAyB,QAAQ;AAAA,UAC/C;AAAA,QACN,EAAM,KAAK,GAAG;AAAA,MACX;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,KAAK,MAAM,aAAa,WAAW,EAAE,MAAM,GAAG;AAClE,UAAM,eAAe,YAAY,YAAY,SAAS;AACtD,UAAM,UAAU,CAAC,aAAa,YAAY,KAAK,MAAM,aAAa,SAAS,CAAC;AAG5E,UAAM,eAAe,IAAI,SAAS;AAClC,iBAAa,QAAQ;;;;;;;;;;;"}
+{"version":3,"file":"DownloadReference.js","sources":["../src/components/templates/DownloadReference.vue"],"sourcesContent":["<template>\n  <a :href=\"href\" :download=\"saveFilename\" :class=\"classes\">{{\n    saveFilename\n  }}</a>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useSphinxStore } from '@/stores/sphinx'\n\nimport { determineRouteUrl } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n})\n\nconst { node } = toRefs(props)\nconst route = useRoute()\nconst sphinxStore = useSphinxStore()\n\nconst href = computed(() => {\n  let downloadHref = node.value.getAttribute('filename')\n  if (\n    downloadHref &&\n    !downloadHref.startsWith('/') &&\n    !downloadHref.startsWith('http')\n  ) {\n    const routeURL = determineRouteUrl(route)\n    downloadHref = [sphinxStore.getDownloadURL(routeURL), downloadHref].join(\n      '/',\n    )\n  }\n  return downloadHref\n})\n\nconst targetParts = node.value.getAttribute('reftarget').split('/')\nconst downloadName = targetParts[targetParts.length - 1]\nconst classes = ['reference', 'internal', node.value.getAttribute('reftype')]\n\n// Need to use a refernce variable in the template bound attributes.\nconst saveFilename = ref('not-set')\nsaveFilename.value = downloadName\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,SAAU;AACxB,UAAM,cAAc,eAAgB;AAEpC,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,eAAe,KAAK,MAAM,aAAa,UAAU;AACrD,UACE,gBACA,CAAC,aAAa,WAAW,GAAG,KAC5B,CAAC,aAAa,WAAW,MAAM,GAC/B;AACA,cAAM,WAAW,kBAAkB,KAAK;AACxC,uBAAe,CAAC,YAAY,eAAe,QAAQ,GAAG,YAAY,EAAE,KAClE,GACD;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,KAAK,MAAM,aAAa,WAAW,EAAE,MAAM,GAAG;AAClE,UAAM,eAAe,YAAY,YAAY,SAAS;AACtD,UAAM,UAAU,CAAC,aAAa,YAAY,KAAK,MAAM,aAAa,SAAS,CAAC;AAG5E,UAAM,eAAe,IAAI,SAAS;AAClC,iBAAa,QAAQ;;;;;;;;;;;"}

package/dist/Figure.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { a as useClasses, u as useChildren } from "./entry.js";
+import { u as useClasses, a as useChildren } from "./entry.js";
 import { u as useMethods } from "./methods.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/Figure.js.map

@@ -1 +1 @@
-{"version":3,"file":"Figure.js","sources":["../src/components/templates/Figure.vue"],"sourcesContent":["<template>\n  <figure :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'figure_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </figure>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinerdClasses = computed(() => {\n  let c = [...classes.value]\n  for (const attr of node.value.attributes) {\n    if (attr.name === 'align') {\n      c.push('align-' + attr.value)\n    }\n  }\n  return c\n})\n\nattrs.value = dataObject(node.value, combinerdClasses.value).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,IAAI,CAAC,GAAG,QAAQ,KAAK;AACzB,iBAAW,QAAQ,KAAK,MAAM,YAAY;AACxC,YAAI,KAAK,SAAS,SAAS;AACzB,YAAE,KAAK,WAAW,KAAK,KAAK;AAAA,QAC7B;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,WAAW,KAAK,OAAO,iBAAiB,KAAK,EAAE;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Figure.js","sources":["../src/components/templates/Figure.vue"],"sourcesContent":["<template>\n  <figure :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'figure_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </figure>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinerdClasses = computed(() => {\n  let c = [...classes.value]\n  for (const attr of node.value.attributes) {\n    if (attr.name === 'align') {\n      c.push('align-' + attr.value)\n    }\n  }\n  return c\n})\n\nattrs.value = dataObject(node.value, combinerdClasses.value).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,IAAI,CAAC,GAAG,QAAQ,KAAK;AACzB,iBAAW,QAAQ,KAAK,MAAM,YAAY;AACxC,YAAI,KAAK,SAAS,SAAS;AACzB,YAAE,KAAK,WAAW,KAAK,KAAK;AAAA,QAC7B;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,WAAW,KAAK,OAAO,iBAAiB,KAAK,EAAE;;;;;;;;;;;;;;;;"}

package/dist/FigureCaption.js

@@ -18,14 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { toRefs, ref, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { a as useClasses, u as useChildren } from "./entry.js";
+import { u as useClasses, a as useChildren } from "./entry.js";
 import { u as useMethods } from "./methods.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/FigureCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"FigureCaption.js","sources":["../src/components/templates/FigureCaption.vue"],"sourcesContent":["<template>\n  <span :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'figure_caption_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </span>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinedClasses = computed(() => {\n  let c = ['figure-caption', ...classes.value]\n  for (const attr of node.value.attributes) {\n    if (attr.name === 'align') {\n      c.push('align-' + attr.value)\n    }\n  }\n  return c\n})\n\nconst result = dataObject(node.value, combinedClasses.value)\nattrs.value = {\n    ...result.attrs,\n    class: result.class.join(' '),\n  }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,IAAI,CAAC,kBAAkB,GAAG,QAAQ,KAAK;AAC3C,iBAAW,QAAQ,KAAK,MAAM,YAAY;AACxC,YAAI,KAAK,SAAS,SAAS;AACzB,YAAE,KAAK,WAAW,KAAK,KAAK;AAAA,QAC7B;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,SAAS,WAAW,KAAK,OAAO,gBAAgB,KAAK;AAC3D,UAAM,QAAQ,iCACP,OAAO,QADA;AAAA,MAEV,OAAO,OAAO,MAAM,KAAK,GAAG;AAAA,IAC7B;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FigureCaption.js","sources":["../src/components/templates/FigureCaption.vue"],"sourcesContent":["<template>\n  <span :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'figure_caption_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </span>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinedClasses = computed(() => {\n  let c = ['figure-caption', ...classes.value]\n  for (const attr of node.value.attributes) {\n    if (attr.name === 'align') {\n      c.push('align-' + attr.value)\n    }\n  }\n  return c\n})\n\nconst result = dataObject(node.value, combinedClasses.value)\nattrs.value = {\n    ...result.attrs,\n    class: result.class.join(' '),\n  }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,YAAY,WAAW,IAAI;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,IAAI,CAAC,kBAAkB,GAAG,QAAQ,KAAK;AAC3C,iBAAW,QAAQ,KAAK,MAAM,YAAY;AACxC,YAAI,KAAK,SAAS,SAAS;AACzB,YAAE,KAAK,WAAW,KAAK,KAAK;AAAA,QAC7B;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,SAAS,WAAW,KAAK,OAAO,gBAAgB,KAAK;AAC3D,UAAM,QAAQ,iCACP,OAAO,QADA;AAAA,MAEV,OAAO,OAAO,MAAM,KAAK,GAAG;AAAA,IAC7B;;;;;;;;;;;;;;;;"}

package/dist/Footnote.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
 import { u as useMethods } from "./methods.js";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footnote.js","sources":["../src/components/templates/Footnote.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'footnote_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst attrs = ref({})\n\nattrs.value = dataObject(node.value, ['footnote']).attrs // import { h } from 'vue'\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,UAAU,CAAC,EAAE;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Footnote.js","sources":["../src/components/templates/Footnote.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'footnote_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst attrs = ref({})\n\nattrs.value = dataObject(node.value, ['footnote']).attrs // import { h } from 'vue'\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,UAAU,CAAC,EAAE;;;;;;;;;;;;;;;;"}

package/dist/FootnoteReference.js

@@ -5,9 +5,8 @@ import { u as useBaseReference } from "./basereference.js";
 import "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _hoisted_1 = ["href"];
 const _sfc_main = {
   props: {

package/dist/FootnoteReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"FootnoteReference.js","sources":["../src/components/templates/FootnoteReference.vue"],"sourcesContent":["<template>\n  <router-link v-if=\"isInternalReference(node)\" :to=\"routeDescription\">\n    [{{ node.textContent }}]\n  </router-link>\n  <a v-else :href=\"node.getAttribute('refuri')\" target=\"_blank\">\n    [{{ node.textContent }}]\n  </a>\n</template>\n\n<script setup>\nimport { onMounted, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport { useMethods } from '../../composables/methods'\nimport { useBaseReference } from '../../composables/basereference'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n})\n\nconst routeDescription = ref({path: '', hash: ''})\nconst { node } = toRefs(props)\nconst route = useRoute()\n\nconst { isInternalReference } = useMethods()\nconst { onReferenceCreated } = useBaseReference(node.value, route, routeDescription)\n\nonMounted(onReferenceCreated)\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,mBAAmB,IAAI,EAAC,MAAM,IAAI,MAAM,GAAE,CAAC;AACjD,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,wBAAwB,WAAY;AAC5C,UAAM,EAAE,uBAAuB,iBAAiB,KAAK,OAAO,OAAO,gBAAgB;AAEnF,cAAU,kBAAkB;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FootnoteReference.js","sources":["../src/components/templates/FootnoteReference.vue"],"sourcesContent":["<template>\n  <router-link v-if=\"isInternalReference(node)\" :to=\"routeDescription\">\n    [{{ node.textContent }}]\n  </router-link>\n  <a v-else :href=\"node.getAttribute('refuri')\" target=\"_blank\">\n    [{{ node.textContent }}]\n  </a>\n</template>\n\n<script setup>\nimport { onMounted, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport { useMethods } from '../../composables/methods'\nimport { useBaseReference } from '../../composables/basereference'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n})\n\nconst routeDescription = ref({path: '', hash: ''})\nconst { node } = toRefs(props)\nconst route = useRoute()\n\nconst { isInternalReference } = useMethods()\nconst { onReferenceCreated } = useBaseReference(node.value, route, routeDescription)\n\nonMounted(onReferenceCreated)\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,mBAAmB,IAAI,EAAC,MAAM,IAAI,MAAM,GAAE,CAAC;AACjD,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,wBAAwB,WAAY;AAC5C,UAAM,EAAE,uBAAuB,iBAAiB,KAAK,OAAO,OAAO,gBAAgB;AAEnF,cAAU,kBAAkB;;;;;;;;;;;;;;;;;;;;"}

package/dist/Image.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, computed, openBlock, createElementBlock, normalizeProps, guardReactiveProps } from "vue";
 import { useRoute } from "vue-router";
-import { useStore } from "vuex";
+import { a as useChildren, b as useSphinxStore, d as determineRouteUrl } from "./entry.js";
 import { u as useMethods } from "./methods.js";
-import { u as useChildren, d as determineRouteUrl } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {
@@ -26,7 +25,7 @@ const _sfc_main = {
     useChildren(node);
     const { dataObject } = useMethods();
     const route = useRoute();
-    const store = useStore();
+    const sphinxStore = useSphinxStore();
     const attrs = ref({});
     const uri = computed(() => {
       let imageURI = node.value.getAttribute("uri");
@@ -34,7 +33,7 @@ const _sfc_main = {
         const routeURL = determineRouteUrl(route);
         const lastIndex = imageURI.lastIndexOf("/");
         const imageName = imageURI.slice(lastIndex);
-        imageURI = [store.getters["sphinx/getImagesURL"](routeURL), imageName].join("/");
+        imageURI = [sphinxStore.getImagesURL(routeURL), imageName].join("/");
       }
       return imageURI;
     });

package/dist/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../src/components/templates/Image.vue"],"sourcesContent":["<template>\n  <img :=\"attrs\" />\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useStore } from 'vuex'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\nimport { determineRouteUrl } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst route = useRoute()\nconst store = useStore()\nconst attrs = ref({})\n\nconst uri = computed(() => {\n  let imageURI = node.value.getAttribute('uri')\n  if (imageURI && !imageURI.startsWith('/') && !imageURI.startsWith('http')) {\n    const routeURL = determineRouteUrl(route)\n    // Sphinx puts all images in a directory '_images' by default\n    // for HTML output.  We are saying here that we will map the\n    // XML image reference the same way.\n    const lastIndex = imageURI.lastIndexOf('/')\n    const imageName = imageURI.slice(lastIndex)\n    // imageURI = `${this.$store.sphinx.getImagesURL(routeURL)}${imageName}`\n    imageURI = [store.getters['sphinx/getImagesURL'](routeURL), imageName].join(\n      '/',\n    )\n  }\n  return imageURI\n})\n\nattrs.value = dataObject(node.value).attrs\nif (attrs.value) {\n  attrs.value.src = uri\n} else {\n  attrs.value = {src: uri}\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,EAAE,SAAS,OAAO,KAAK;AACR,gBAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,SAAU;AACxB,UAAM,QAAQ,SAAU;AACxB,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,MAAM,SAAS,MAAM;AACzB,UAAI,WAAW,KAAK,MAAM,aAAa,KAAK;AAC5C,UAAI,YAAY,CAAC,SAAS,WAAW,GAAG,KAAK,CAAC,SAAS,WAAW,MAAM,GAAG;AACzE,cAAM,WAAW,kBAAkB,KAAK;AAIxC,cAAM,YAAY,SAAS,YAAY,GAAG;AAC1C,cAAM,YAAY,SAAS,MAAM,SAAS;AAE1C,mBAAW,CAAC,MAAM,QAAQ,uBAAuB,QAAQ,GAAG,SAAS,EAAE,KACrE,GACD;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,WAAW,KAAK,KAAK,EAAE;AACrC,QAAI,MAAM,OAAO;AACf,YAAM,MAAM,MAAM;AAAA,IACpB,OAAO;AACL,YAAM,QAAQ,EAAC,KAAK,IAAG;AAAA,IACzB;;;;;;;"}
+{"version":3,"file":"Image.js","sources":["../src/components/templates/Image.vue"],"sourcesContent":["<template>\n  <img :=\"attrs\" />\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useSphinxStore } from '@/stores/sphinx'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\nimport { determineRouteUrl } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst route = useRoute()\nconst sphinxStore = useSphinxStore()\nconst attrs = ref({})\n\nconst uri = computed(() => {\n  let imageURI = node.value.getAttribute('uri')\n  if (imageURI && !imageURI.startsWith('/') && !imageURI.startsWith('http')) {\n    const routeURL = determineRouteUrl(route)\n    // Sphinx puts all images in a directory '_images' by default\n    // for HTML output.  We are saying here that we will map the\n    // XML image reference the same way.\n    const lastIndex = imageURI.lastIndexOf('/')\n    const imageName = imageURI.slice(lastIndex)\n    // imageURI = `${this.$store.sphinx.getImagesURL(routeURL)}${imageName}`\n    imageURI = [sphinxStore.getImagesURL(routeURL), imageName].join('/')\n  }\n  return imageURI\n})\n\nattrs.value = dataObject(node.value).attrs\nif (attrs.value) {\n  attrs.value.src = uri\n} else {\n  attrs.value = { src: uri }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,EAAE,SAAS,OAAO,KAAK;AACR,gBAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,SAAU;AACxB,UAAM,cAAc,eAAgB;AACpC,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,MAAM,SAAS,MAAM;AACzB,UAAI,WAAW,KAAK,MAAM,aAAa,KAAK;AAC5C,UAAI,YAAY,CAAC,SAAS,WAAW,GAAG,KAAK,CAAC,SAAS,WAAW,MAAM,GAAG;AACzE,cAAM,WAAW,kBAAkB,KAAK;AAIxC,cAAM,YAAY,SAAS,YAAY,GAAG;AAC1C,cAAM,YAAY,SAAS,MAAM,SAAS;AAE1C,mBAAW,CAAC,YAAY,aAAa,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG;AAAA,MACpE;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,WAAW,KAAK,KAAK,EAAE;AACrC,QAAI,MAAM,OAAO;AACf,YAAM,MAAM,MAAM;AAAA,IACpB,OAAO;AACL,YAAM,QAAQ,EAAE,KAAK,IAAK;AAAA,IAC5B;;;;;;;"}

package/dist/Legend.js

@@ -1,11 +1,10 @@
 import { toRefs, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createBlock, resolveDynamicComponent } from "vue";
-import { u as useChildren, a as useClasses } from "./entry.js";
+import { a as useChildren, u as useClasses } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sources":["../src/components/templates/Legend.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\n\nconsole.log('***** IN USE *****')\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBA,YAAQ,IAAI,oBAAoB;AAchC,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Legend.js","sources":["../src/components/templates/Legend.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\n\nconsole.log('***** IN USE *****')\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,YAAQ,IAAI,oBAAoB;AAchC,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;;;;;;;;;;;;;;;;;;"}

package/dist/LineBlock.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import { u as useMethods } from "./methods.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/LineBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineBlock.js","sources":["../src/components/templates/LineBlock.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'section_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\n\nconst { children } = useChildren(node)\nattrs.value = dataObject(node.value, ['line_block']).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,YAAY,CAAC,EAAE;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LineBlock.js","sources":["../src/components/templates/LineBlock.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'section_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useChildren } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\n\nconst { children } = useChildren(node)\nattrs.value = dataObject(node.value, ['line_block']).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,YAAY,CAAC,EAAE;;;;;;;;;;;;;;;;"}

package/dist/LineSingle.js

@@ -1,12 +1,11 @@
 import { toRefs, ref, openBlock, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
 import { u as useMethods } from "./methods.js";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/LineSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSingle.js","sources":["../src/components/templates/LineSingle.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'footnote_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconsole.log('***** IN USE *****')\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst attrs = ref({})\n\nattrs.value = dataObject(node.value, ['line_single']).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,YAAQ,IAAI,oBAAoB;AAehC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,aAAa,CAAC,EAAE;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LineSingle.js","sources":["../src/components/templates/LineSingle.vue"],"sourcesContent":["<template>\n  <div :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'footnote_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, ref } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconsole.log('***** IN USE *****')\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\nconst { children } = useChildren(node)\nconst { dataObject } = useMethods()\nconst attrs = ref({})\n\nattrs.value = dataObject(node.value, ['line_single']).attrs\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,YAAQ,IAAI,oBAAoB;AAehC,UAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,eAAe,WAAY;AACnC,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,QAAQ,WAAW,KAAK,OAAO,CAAC,aAAa,CAAC,EAAE;;;;;;;;;;;;;;;;"}

package/dist/Literal.js

@@ -1,12 +1,11 @@
 import { toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
 import { u as useMethods } from "./methods.js";
-import { u as useChildren } from "./entry.js";
+import { a as useChildren } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _hoisted_1 = { class: "pre" };
 const _sfc_main = {
   props: {

package/dist/Literal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Literal.js","sources":["../src/components/templates/Literal.vue"],"sourcesContent":["<template>\n  <code>\n    <span class=\"pre\">\n      <component\n        v-for=\"(c, index) in children\"\n        :key=\"'code_component_' + index\"\n        :is=\"c.component\"\n        :node=\"c.node\"\n        :componentName=\"c.name\"\n        :properties=\"c.properties\"\n      />\n    </span>\n  </code>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { dataObject } = useMethods()\n\nconst { children } = useChildren(node)\n\nconst v = dataObject(node.value)\nconst isEmpty = (d) => {\n  for (const i in d) {\n    if (d[i].language === '') {\n      continue\n    }\n    return false\n  }\n\n  return true\n}\n\nif (!isEmpty(v)) {\n  console.log('Something needs to be done with this:', v)\n  console.log(node.value.innerHTML)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,eAAe,WAAY;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,IAAI,WAAW,KAAK,KAAK;AAC/B,UAAM,UAAU,CAAC,MAAM;AACrB,iBAAW,KAAK,GAAG;AACjB,YAAI,EAAE,GAAG,aAAa,IAAI;AACxB;AAAA,QACD;AACD,eAAO;AAAA,MACR;AAED,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,CAAC,GAAG;AACf,cAAQ,IAAI,yCAAyC,CAAC;AACtD,cAAQ,IAAI,KAAK,MAAM,SAAS;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Literal.js","sources":["../src/components/templates/Literal.vue"],"sourcesContent":["<template>\n  <code>\n    <span class=\"pre\">\n      <component\n        v-for=\"(c, index) in children\"\n        :key=\"'code_component_' + index\"\n        :is=\"c.component\"\n        :node=\"c.node\"\n        :componentName=\"c.name\"\n        :properties=\"c.properties\"\n      />\n    </span>\n  </code>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\n\nimport { useMethods } from '../../composables/methods'\nimport { useChildren } from '../../composables/computed'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { dataObject } = useMethods()\n\nconst { children } = useChildren(node)\n\nconst v = dataObject(node.value)\nconst isEmpty = (d) => {\n  for (const i in d) {\n    if (d[i].language === '') {\n      continue\n    }\n    return false\n  }\n\n  return true\n}\n\nif (!isEmpty(v)) {\n  console.log('Something needs to be done with this:', v)\n  console.log(node.value.innerHTML)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,eAAe,WAAY;AAEnC,UAAM,EAAE,aAAa,YAAY,IAAI;AAErC,UAAM,IAAI,WAAW,KAAK,KAAK;AAC/B,UAAM,UAAU,CAAC,MAAM;AACrB,iBAAW,KAAK,GAAG;AACjB,YAAI,EAAE,GAAG,aAAa,IAAI;AACxB;AAAA,QACD;AACD,eAAO;AAAA,MACR;AAED,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,CAAC,GAAG;AACf,cAAQ,IAAI,yCAAyC,CAAC;AACtD,cAAQ,IAAI,KAAK,MAAM,SAAS;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}

package/dist/LiteralBlock.js

@@ -1,11 +1,10 @@
 import { toRefs, computed, resolveDirective, withDirectives, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString } from "vue";
-import { b as decodeHTML } from "./entry.js";
+import { e as decodeHTML } from "./entry.js";
 import "@hsorby/vue3-katex";
 import "katex/dist/katex.min.css";
 import "vue-router";
-import "vuex";
-import "path-to-regexp";
 import "axios";
+import "path-to-regexp";
 const _sfc_main = {
   props: {
     node: {

package/dist/LiteralBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiteralBlock.js","sources":["../src/components/templates/LiteralBlock.vue"],"sourcesContent":["<template>\n  <pre v-highlightjs><code :class=\"sourceLanguage\">{{ sourceCode }}</code></pre>\n</template>\n\n<script setup>\nimport { computed, toRefs } from 'vue'\n\nimport { decodeHTML } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst sourceLanguage = computed(() => {\n  let language = node.value.getAttribute('language')\n  if (language === 'console' || language === 'default') {\n    language = 'bash'\n  } else if (language === 'text') {\n    language = 'plaintext'\n  }\n  return language\n})\n\nconst sourceCode = computed(() => {\n  return decodeHTML(node.value.innerHTML)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,KAAK,MAAM,aAAa,UAAU;AACjD,UAAI,aAAa,aAAa,aAAa,WAAW;AACpD,mBAAW;AAAA,MACf,WAAa,aAAa,QAAQ;AAC9B,mBAAW;AAAA,MACZ;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,WAAW,KAAK,MAAM,SAAS;AAAA,IACxC,CAAC;;;;;;;;;;;;;;"}
+{"version":3,"file":"LiteralBlock.js","sources":["../src/components/templates/LiteralBlock.vue"],"sourcesContent":["<template>\n  <pre v-highlightjs><code :class=\"sourceLanguage\">{{ sourceCode }}</code></pre>\n</template>\n\n<script setup>\nimport { computed, toRefs } from 'vue'\n\nimport { decodeHTML } from '../../js/utilities'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst sourceLanguage = computed(() => {\n  let language = node.value.getAttribute('language')\n  if (language === 'console' || language === 'default') {\n    language = 'bash'\n  } else if (language === 'text') {\n    language = 'plaintext'\n  }\n  return language\n})\n\nconst sourceCode = computed(() => {\n  return decodeHTML(node.value.innerHTML)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,KAAK,MAAM,aAAa,UAAU;AACjD,UAAI,aAAa,aAAa,aAAa,WAAW;AACpD,mBAAW;AAAA,MACf,WAAa,aAAa,QAAQ;AAC9B,mBAAW;AAAA,MACZ;AACD,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,WAAW,KAAK,MAAM,SAAS;AAAA,IACxC,CAAC;;;;;;;;;;;;;;"}