@ditari/bsui 1.1.2 → 1.1.3

package/dist/esm/components/layout/NavTabs.vue.esm.js

@@ -1,22 +1,26 @@
-import { defineComponent as P, computed as x, ref as w, watchEffect as A, watch as B, resolveComponent as d, openBlock as r, createElementBlock as p, normalizeClass as h, createVNode as _, withCtx as b, Fragment as E, renderList as R, unref as C, createBlock as V, createElementVNode as k, toDisplayString as q, createCommentVNode as D } from "vue";
+import { defineComponent as P, computed as x, ref as w, watchEffect as A, watch as B, resolveComponent as d, openBlock as l, createElementBlock as p, normalizeClass as h, createVNode as _, withCtx as b, Fragment as E, renderList as R, unref as C, createBlock as V, createElementVNode as k, toDisplayString as q, createCommentVNode as D } from "vue";
 import { useRoute as L, useRouter as M } from "vue-router";
 import { CloseOutlined as O } from "@ant-design/icons-vue";
 import { storeToRefs as z } from "pinia";
-import { useNavTabsStore as F } from "../../store/modules/NavTab.esm.js";
-import { useKeepAliveStore as U } from "../../store/modules/KeepAlive.esm.js";
-import { useMenuStore as $ } from "../../store/modules/Menu.esm.js";
+import "../../store/modules/Breadcrumb.esm.js";
+import "../../store/modules/DataDictionary.esm.js";
+import F from "../../store/modules/KeepAlive.esm.js";
+import U from "../../store/modules/Menu.esm.js";
+import $ from "../../store/modules/NavTab.esm.js";
+import "../../store/modules/Settings.esm.js";
+import "../../store/modules/User.esm.js";
 import { prefixName as j } from "../theme/index.esm.js";
 const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
   key: 0,
   class: "tab-close"
 }, I = {
   name: "DNavTabs"
-}, oe = /* @__PURE__ */ P({
+}, le = /* @__PURE__ */ P({
   ...I,
   setup(J) {
-    const n = L(), m = M(), u = F(), v = U(), y = $(), N = `${j}-nav`, o = x(() => u.getList), { selectedMenuKeys: c } = z(y), l = w("");
+    const n = L(), m = M(), u = $(), v = F(), y = U(), N = `${j}-nav`, o = x(() => u.getList), { selectedMenuKeys: c } = z(y), r = w("");
     A(() => {
-      l.value = c.value.length > 0 ? c.value[0] : "";
+      r.value = c.value.length > 0 ? c.value[0] : "";
     }), f(), B(
       () => n.path,
       () => {
@@ -45,25 +49,25 @@ const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
     };
     return (t, e) => {
       const s = d("a-tab-pane"), i = d("a-tabs");
-      return r(), p("div", {
+      return l(), p("div", {
         class: h(N)
       }, [
         _(i, {
-          activeKey: l.value,
-          "onUpdate:activeKey": e[0] || (e[0] = (a) => l.value = a),
+          activeKey: r.value,
+          "onUpdate:activeKey": e[0] || (e[0] = (a) => r.value = a),
           type: "card",
           onTabClick: S
         }, {
           default: b(() => [
-            (r(!0), p(E, null, R(C(o), (a) => (r(), V(s, {
+            (l(!0), p(E, null, R(C(o), (a) => (l(), V(s, {
               key: a.path
             }, {
               tab: b(() => [
                 G,
                 k("div", {
-                  class: h(["tab-item", { active: l.value === a.path }])
+                  class: h(["tab-item", { active: r.value === a.path }])
                 }, q(a.meta.title), 3),
-                K(a) ? (r(), p("div", H, [
+                K(a) ? (l(), p("div", H, [
                   _(C(O), {
                     onClick: (T) => g(T, a.fullPath)
                   }, null, 8, ["onClick"])
@@ -79,5 +83,5 @@ const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
   }
 });
 export {
-  oe as default
+  le as default
 };

package/dist/esm/components/layout/Show.vue.esm.js

@@ -2,8 +2,8 @@ import { defineComponent as L, useSlots as N, inject as R, computed as V, watch
 import { useRouter as P, useRoute as W } from "vue-router";
 import { useWindowScroll as q, useScrollLock as A } from "@vueuse/core";
 import { LeftOutlined as F } from "@ant-design/icons-vue";
-import { useNavTabsStore as G } from "../../store/modules/NavTab.esm.js";
-import { useSettingsStore as H } from "../../store/modules/Settings.esm.js";
+import G from "../../store/modules/NavTab.esm.js";
+import H from "../../store/modules/Settings.esm.js";
 import { storeToRefs as J } from "pinia";
 const K = { class: "ditari-show-layout" }, M = {
   key: 0,

package/dist/esm/components/menu/Menu.esm.js

@@ -1,8 +1,8 @@
 import { defineComponent as j, inject as k, watchEffect as I, createVNode as r, Fragment as u, resolveComponent as c, isVNode as N, withDirectives as R, vShow as D, h as H } from "vue";
 import { useRouter as O, useRoute as P } from "vue-router";
 import { storeToRefs as g } from "pinia";
-import { useMenuStore as T } from "../../store/modules/Menu.esm.js";
-import { useSettingsStore as V } from "../../store/modules/Settings.esm.js";
+import T from "../../store/modules/Menu.esm.js";
+import V from "../../store/modules/Settings.esm.js";
 function _(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !N(l);
 }

package/dist/esm/components/select/Select.vue.esm.js

@@ -1,8 +1,14 @@
-import { defineComponent as _, ref as p, watch as O, resolveComponent as V, openBlock as y, createBlock as M, unref as s, isRef as A } from "vue";
-import { useDataDicStore as F } from "../../store/modules/DataDictionary.esm.js";
+import { defineComponent as _, ref as f, watch as O, resolveComponent as V, openBlock as y, createBlock as M, unref as s, isRef as A } from "vue";
+import "../../store/modules/Breadcrumb.esm.js";
+import F from "../../store/modules/DataDictionary.esm.js";
+import "../../store/modules/KeepAlive.esm.js";
+import "../../store/modules/Menu.esm.js";
+import "../../store/modules/NavTab.esm.js";
+import "../../store/modules/Settings.esm.js";
+import "../../store/modules/User.esm.js";
 const H = {
   name: "DSelect"
-}, U = /* @__PURE__ */ _({
+}, E = /* @__PURE__ */ _({
   ...H,
   props: {
     value: { default: null },
@@ -13,51 +19,51 @@ const H = {
   },
   emits: ["update:value", "change", "select"],
   setup(r, { emit: c }) {
-    const u = r, { getDicByKey: f } = F(), { modelValue: i, data: h, onSearch: I, onSelect: v, onChange: m } = C();
+    const u = r, { getDicByKey: p } = F(), { modelValue: i, data: h, onSearch: I, onSelect: m, onChange: v } = C();
     function C() {
-      const l = [...f(u.name)], n = p(l), t = p(u.value);
+      const a = [...p(u.name)], n = f(a), l = f(u.value);
       O(
         () => u.value,
         (e) => {
-          t.value = e, L(e);
+          l.value = e, L(e);
         }
       );
       const d = (e) => {
         g(e);
       };
       function g(e) {
-        e = e ?? "", n.value = l.filter((a) => a.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || a.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), n.value.length === 0 && (n.value = [...l].splice(0, 10));
+        e = e ?? "", n.value = a.filter((t) => t.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || t.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), n.value.length === 0 && (n.value = [...a].splice(0, 10));
       }
       function L(e) {
         e = e || "";
-        const a = l.findIndex((o) => o.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || o.label.toLowerCase().includes(e));
-        a === -1 ? n.value = [...l].splice(0, 10) : n.value = b(l, a);
+        const t = a.findIndex((o) => o.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || o.label.toLowerCase().includes(e));
+        t === -1 ? n.value = [...a].splice(0, 10) : n.value = b(a, t);
       }
-      function b(e, a) {
-        const o = Math.max(0, a - 5), D = Math.min(e.length, a + 6);
+      function b(e, t) {
+        const o = Math.max(0, t - 5), D = Math.min(e.length, t + 6);
         return e.slice(o, D);
       }
       const w = (e) => {
         c("update:value", e), B();
       }, x = () => {
-        c("update:value", t.value), c("change", t.value);
+        c("update:value", l.value), c("change", l.value);
       };
       function B() {
-        const a = f(u.name).find((o) => o.value === t.value);
-        c("select", a);
+        const t = p(u.name).find((o) => o.value === l.value);
+        c("select", t);
       }
       return {
         data: n,
-        modelValue: t,
+        modelValue: l,
         onSearch: d,
         onSelect: w,
         onChange: x
       };
     }
-    const S = (l, n) => n.label.includes(l);
-    return (l, n) => {
-      const t = V("a-select");
-      return y(), M(t, {
+    const S = (a, n) => n.label.includes(a);
+    return (a, n) => {
+      const l = V("a-select");
+      return y(), M(l, {
         value: s(i),
         "onUpdate:value": n[0] || (n[0] = (d) => A(i) ? i.value = d : null),
         "allow-clear": "",
@@ -66,12 +72,12 @@ const H = {
         placeholder: r.placeholder,
         disabled: r.disabled,
         "filter-option": S,
-        onSelect: s(v),
-        onChange: s(m)
+        onSelect: s(m),
+        onChange: s(v)
       }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"]);
     };
   }
 });
 export {
-  U as default
+  E as default
 };

package/dist/esm/hooks/route/index.esm.js

@@ -1,8 +1,14 @@
-import { ref as f } from "vue";
-import { createRouterMatcher as m } from "vue-router";
-import { useBreadcrumbStore as v } from "../../store/modules/Breadcrumb.esm.js";
-const w = () => {
-  const { saveBreadcrumb: c } = v(), e = f(null);
+import { ref as p } from "vue";
+import { createRouterMatcher as d } from "vue-router";
+import v from "../../store/modules/Breadcrumb.esm.js";
+import "../../store/modules/DataDictionary.esm.js";
+import "../../store/modules/KeepAlive.esm.js";
+import "../../store/modules/Menu.esm.js";
+import "../../store/modules/NavTab.esm.js";
+import "../../store/modules/Settings.esm.js";
+import "../../store/modules/User.esm.js";
+const D = () => {
+  const { saveBreadcrumb: c } = v(), e = p(null);
   return {
     getRoutes: async (u) => {
       const o = [];
@@ -10,35 +16,35 @@ const w = () => {
         const a = await r();
         o.push(...a.default);
       }
-      return e.value = m(o, {}), p(o);
+      return e.value = d(o, {}), m(o);
     },
     setMatched: (u, o) => {
       var a;
-      const r = f([]);
+      const r = p([]);
       try {
-        const n = ((a = e.value) == null ? void 0 : a.resolve(u, o).matched) ?? [];
-        r.value = n.reduce((h, l) => {
-          var i;
-          return h.some(
-            (d) => d.path === l.path
-          ) || h.push({
-            path: l.path,
-            title: ((i = l.meta) == null ? void 0 : i.title) ?? "未设置标题"
-          }), h;
+        const i = ((a = e.value) == null ? void 0 : a.resolve(u, o).matched) ?? [];
+        r.value = i.reduce((n, h) => {
+          var l;
+          return n.some(
+            (f) => f.path === h.path
+          ) || n.push({
+            path: h.path,
+            title: ((l = h.meta) == null ? void 0 : l.title) ?? "未设置标题"
+          }), n;
         }, []);
-      } catch (n) {
-        console.log(n), r.value = [];
+      } catch (i) {
+        console.log(i), r.value = [];
       }
       c(r.value);
     }
   };
 };
-function p(c, e = "") {
+function m(c, e = "") {
   const s = [];
   for (const t of c)
-    t.path === "" ? t.path = e : t.path.startsWith("/") || (t.path = `${e}/${t.path}`), t.children && (s.push(...p(t.children, t.path)), delete t.children), s.push(t);
+    t.path === "" ? t.path = e : t.path.startsWith("/") || (t.path = `${e}/${t.path}`), t.children && (s.push(...m(t.children, t.path)), delete t.children), s.push(t);
   return s;
 }
 export {
-  w as useDitariRoute
+  D as useDitariRoute
 };

package/dist/esm/store/index.d.ts

@@ -1,7 +1,7 @@
-export { useBreadcrumbStore } from "./modules/Breadcrumb";
-export { useDataDicStore } from "./modules/DataDictionary";
-export { useKeepAliveStore } from "./modules/KeepAlive";
-export { useMenuStore } from "./modules/Menu";
-export { useNavTabsStore } from "./modules/NavTab";
-export { useSettingsStore } from "./modules/Settings";
-export { useUserStore } from "./modules/User";
+export { default as useBreadcrumbStore } from "./modules/Breadcrumb";
+export { default as useDataDicStore } from "./modules/DataDictionary";
+export { default as useKeepAliveStore } from "./modules/KeepAlive";
+export { default as useMenuStore } from "./modules/Menu";
+export { default as useNavTabsStore } from "./modules/NavTab";
+export { default as useSettingsStore } from "./modules/Settings";
+export { default as useUserStore } from "./modules/User";

package/dist/esm/store/index.esm.js

@@ -1,16 +1,16 @@
-import { useBreadcrumbStore as o } from "./modules/Breadcrumb.esm.js";
-import { useDataDicStore as s } from "./modules/DataDictionary.esm.js";
-import { useKeepAliveStore as m } from "./modules/KeepAlive.esm.js";
-import { useMenuStore as S } from "./modules/Menu.esm.js";
-import { useNavTabsStore as x } from "./modules/NavTab.esm.js";
-import { useSettingsStore as i } from "./modules/Settings.esm.js";
-import { useUserStore as c } from "./modules/User.esm.js";
+import { default as t } from "./modules/Breadcrumb.esm.js";
+import { default as a } from "./modules/DataDictionary.esm.js";
+import { default as u } from "./modules/KeepAlive.esm.js";
+import { default as d } from "./modules/Menu.esm.js";
+import { default as m } from "./modules/NavTab.esm.js";
+import { default as S } from "./modules/Settings.esm.js";
+import { default as i } from "./modules/User.esm.js";
 export {
-  o as useBreadcrumbStore,
-  s as useDataDicStore,
-  m as useKeepAliveStore,
-  S as useMenuStore,
-  x as useNavTabsStore,
-  i as useSettingsStore,
-  c as useUserStore
+  t as useBreadcrumbStore,
+  a as useDataDicStore,
+  u as useKeepAliveStore,
+  d as useMenuStore,
+  m as useNavTabsStore,
+  S as useSettingsStore,
+  i as useUserStore
 };

package/dist/esm/store/modules/Breadcrumb.d.ts

@@ -1,10 +1,11 @@
 export interface State {
     breadcrumbs: [];
 }
-export declare const useBreadcrumbStore: import("pinia").StoreDefinition<string, State, {
+declare const _default: import("pinia").StoreDefinition<string, State, {
     getBreadcrumb: (state: {
         breadcrumbs: [];
     } & import("pinia").PiniaCustomStateProperties<State>) => [];
 }, {
     saveBreadcrumb(data: any): void;
 }>;
+export default _default;

package/dist/esm/store/modules/Breadcrumb.esm.js

@@ -1,6 +1,6 @@
 import { defineStore as e } from "pinia";
 import { BREADCRUMB_ID as t } from "../types.esm.js";
-const a = e(t, {
+const m = e(t, {
   state: () => ({
     breadcrumbs: []
   }),
@@ -15,5 +15,5 @@ const a = e(t, {
   persist: !0
 });
 export {
-  a as useBreadcrumbStore
+  m as default
 };

package/dist/esm/store/modules/DataDictionary.d.ts

@@ -2,7 +2,7 @@ interface State {
     someState: string;
     list: any;
 }
-declare const useDataDicStore: import("pinia").StoreDefinition<string, State, {
+declare const _default: import("pinia").StoreDefinition<string, State, {
     /**
      * 根据key获取字典列表
      * @param state
@@ -30,4 +30,4 @@ declare const useDataDicStore: import("pinia").StoreDefinition<string, State, {
      */
     save(data: any): void;
 }>;
-export { useDataDicStore };
+export default _default;

package/dist/esm/store/modules/DataDictionary.esm.js

@@ -30,5 +30,5 @@ const u = a(l, {
   persist: !0
 });
 export {
-  u as useDataDicStore
+  u as default
 };

package/dist/esm/store/modules/KeepAlive.d.ts

@@ -1,5 +1,5 @@
 import { RouteLocationNormalized } from "vue-router";
-export declare const useKeepAliveStore: import("pinia").StoreDefinition<string, {
+declare const _default: import("pinia").StoreDefinition<string, {
     list: string[];
 }, {
     get: (state: {
@@ -19,3 +19,4 @@ export declare const useKeepAliveStore: import("pinia").StoreDefinition<string,
      */
     save(route: RouteLocationNormalized): void;
 }>;
+export default _default;

package/dist/esm/store/modules/KeepAlive.esm.js

@@ -1,20 +1,20 @@
 import { defineStore as i } from "pinia";
 import { KEEP_ALIVE_ID as r } from "../types.esm.js";
-const f = i(r, {
+const a = i(r, {
   state: () => ({
     list: []
   }),
   getters: {
-    get: (e) => e.list
+    get: (t) => t.list
   },
   actions: {
     /**
      * 删除已经缓存的组件
      * @param name 组件名称（必须唯一）
      */
-    deleteKeepAlive(e) {
+    deleteKeepAlive(t) {
       this.list.splice(
-        this.list.findIndex((t) => t === e),
+        this.list.findIndex((e) => e === t),
         1
       );
     },
@@ -22,15 +22,15 @@ const f = i(r, {
      * 保存要缓存的组件名称
      * @param route
      */
-    save(e) {
-      const t = e.name;
-      if (!t)
+    save(t) {
+      const e = t.name;
+      if (!e)
         return;
-      this.list.some((s) => s === t) || this.list.push(t);
+      this.list.some((s) => s === e) || this.list.push(e);
     }
   },
   persist: !0
 });
 export {
-  f as useKeepAliveStore
+  a as default
 };

package/dist/esm/store/modules/Menu.d.ts

@@ -1,4 +1,4 @@
-export declare const useMenuStore: import("pinia").StoreDefinition<string, {
+declare const _default: import("pinia").StoreDefinition<string, {
     list: never[];
     openMenusKeys: any;
     selectedMenuKeys: any;
@@ -15,3 +15,4 @@ export declare const useMenuStore: import("pinia").StoreDefinition<string, {
 }, {
     save(data: any): void;
 }>;
+export default _default;

package/dist/esm/store/modules/Menu.esm.js

@@ -1,6 +1,6 @@
 import { defineStore as t } from "pinia";
 import { MENU_ID as s } from "../types.esm.js";
-const o = t(s, {
+const i = t(s, {
   state: () => ({
     // 菜单数据
     list: [],
@@ -20,5 +20,5 @@ const o = t(s, {
   persist: !0
 });
 export {
-  o as useMenuStore
+  i as default
 };

package/dist/esm/store/modules/NavTab.d.ts

@@ -7,7 +7,7 @@ export interface INavTab {
     meta: RouteMeta | any;
     name: string;
 }
-export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
+declare const _default: import("pinia").StoreDefinition<string, {
     list: INavTab[];
     activeKey: string;
 }, {
@@ -17,7 +17,7 @@ export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
             fullPath: string;
             query: LocationQuery;
             params: RouteParams;
-            meta: RouteMeta | any;
+            meta: any;
             name: string;
         }[];
         activeKey: string;
@@ -31,7 +31,7 @@ export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
             fullPath: string;
             query: LocationQuery;
             params: RouteParams;
-            meta: RouteMeta | any;
+            meta: any;
             name: string;
         }[];
         activeKey: string;
@@ -62,3 +62,4 @@ export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
      */
     setNavTitle(title: string, path: string): void;
 }>;
+export default _default;

package/dist/esm/store/modules/NavTab.esm.js

@@ -1,6 +1,6 @@
 import { defineStore as l } from "pinia";
 import { NAV_TAB_ID as h } from "../types.esm.js";
-const n = l(h, {
+const r = l(h, {
   state: () => ({
     // 多标签列表
     list: [],
@@ -69,5 +69,5 @@ const n = l(h, {
   persist: !0
 });
 export {
-  n as useNavTabsStore
+  r as default
 };

package/dist/esm/store/modules/Settings.d.ts

@@ -5,7 +5,7 @@ export interface State {
     gridConfig: any;
     gridValue: any;
 }
-export declare const useSettingsStore: import("pinia").StoreDefinition<string, State, {
+declare const _default: import("pinia").StoreDefinition<string, State, {
     getRefresh: (state: {
         refresh: boolean;
         collapsed: boolean;
@@ -41,3 +41,4 @@ export declare const useSettingsStore: import("pinia").StoreDefinition<string, S
      */
     gridMatching(): void;
 }>;
+export default _default;

package/dist/esm/store/modules/Settings.esm.js

@@ -1,6 +1,6 @@
-import { defineStore as r } from "pinia";
-import { useMediaQuery as s } from "@vueuse/core";
-import { SETTINGS_ID as a } from "../types.esm.js";
+import { defineStore as a } from "pinia";
+import { useMediaQuery as r } from "@vueuse/core";
+import { SETTINGS_ID as s } from "../types.esm.js";
 const d = [
   {
     key: "700",
@@ -58,7 +58,7 @@ const d = [
     col: 5,
     description: " 显示5列每列占20%宽"
   }
-], c = r(a, {
+], c = a(s, {
   state: () => ({
     // 刷新状态
     refresh: !1,
@@ -93,7 +93,7 @@ const d = [
      */
     gridMatching() {
       const e = this.mediaRuleMap.filter(
-        (i) => s(i.value).value
+        (i) => r(i.value).value
       )[0], t = this.gridConfig.filter(
         (i) => i.key === e.key
       )[0];
@@ -103,5 +103,5 @@ const d = [
   persist: !0
 });
 export {
-  c as useSettingsStore
+  c as default
 };

package/dist/esm/store/modules/User.d.ts

@@ -2,7 +2,7 @@ export interface State {
     token: string | undefined;
     userInfo: any;
 }
-export declare const useUserStore: import("pinia").StoreDefinition<string, State, {
+declare const _default: import("pinia").StoreDefinition<string, State, {
     getToken: (state: {
         token: string | undefined;
         userInfo: any;
@@ -19,3 +19,4 @@ export declare const useUserStore: import("pinia").StoreDefinition<string, State
     saveToken(token: string): void;
     saveUserInfo(data: any): void;
 }>;
+export default _default;

package/dist/esm/store/modules/User.esm.js

@@ -24,5 +24,5 @@ const n = o(t, {
   persist: !0
 });
 export {
-  n as useUserStore
+  n as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "files": [
     "dist/**",
     "src"

package/src/components/dic/DicReplace.tsx

@@ -7,7 +7,7 @@ import { defineComponent, ref, watchEffect } from "vue";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 // import DicWorker from "./replace.worker?worker&inline";
-import { useDataDicStore } from "../../store/modules/DataDictionary";
+import { useDataDicStore } from "../../store";
 
 export default defineComponent({
   name: "DicReplace",

package/src/components/layout/Breadcrumb.vue

@@ -4,7 +4,7 @@
  * @author 余老
  */
 import { computed } from "vue";
-import { useBreadcrumbStore } from "../../store/modules/Breadcrumb";
+import useBreadcrumbStore from "../../store/modules/Breadcrumb";
 import { prefixName } from "../theme";
 
 const store = useBreadcrumbStore();
@@ -22,18 +22,18 @@ export default {
     <div class="breadcrumb">
       <transition-group name="breadcrumb">
         <div
-          class="breadcrumb-item"
           v-for="(item, index) in breadCrumbs"
           :key="item.path"
+          class="breadcrumb-item"
         >
           <router-link
+            v-if="index + 1 !== breadCrumbs.length"
             class="breadcrumb-link"
             :to="{ path: item.path }"
-            v-if="index + 1 !== breadCrumbs.length"
           >
             {{ item.title }}
           </router-link>
-          <span class="breadcrumb-link" v-else>
+          <span v-else class="breadcrumb-link">
             {{ item.title }}
           </span>
         </div>
@@ -41,6 +41,4 @@ export default {
     </div>
   </div>
 </template>
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>

package/src/components/layout/List.vue

@@ -10,7 +10,7 @@ import {
   inject
 } from "vue";
 import { useDebounceFn, useElementSize } from "@vueuse/core";
-import { useSettingsStore } from "../../store/modules/Settings";
+import { useSettingsStore } from "../../store";
 import { storeToRefs } from "pinia";
 import { useRoute } from "vue-router";