@dpa-id-components/dpa-shared-components 7.0.9-0 → 7.0.9

package/dist/UseTailwindBreakpoints.vue

@@ -10,3 +10,4 @@ import UiButton from "@/components/UiButton/UiButton.vue";
 
 const { lg } = useTailwindBreakpoints();
 </script>
+./useBreakpoints

package/dist/compositions/index.d.ts

@@ -0,0 +1,2 @@
+import useTailwindBreakpoints from '../tailwind/useBreakpoints';
+export { useTailwindBreakpoints };

package/dist/tailwind/useBreakpoints.d.ts

@@ -0,0 +1,9 @@
+declare const _default: () => {
+    currentBreakpoint: import("vue").ComputedRef<string[]>;
+    sm: import("vue").ComputedRef<boolean>;
+    md: import("vue").ComputedRef<boolean>;
+    lg: import("vue").ComputedRef<boolean>;
+    xl: import("vue").ComputedRef<boolean>;
+    xxl: import("vue").ComputedRef<boolean>;
+};
+export default _default;

package/dist/useBreakpoints.ts

@@ -0,0 +1,19 @@
+import { useBreakpoints } from "@vueuse/core";
+import { computed } from "vue";
+import screens from "./screens.json";
+
+export default () => {
+  const breakpoints = useBreakpoints({
+    ...screens,
+  });
+
+  const currentBreakpoint = breakpoints.current();
+
+  const sm = computed(() => currentBreakpoint.value.includes("sm"));
+  const md = computed(() => currentBreakpoint.value.includes("md"));
+  const lg = computed(() => currentBreakpoint.value.includes("lg"));
+  const xl = computed(() => currentBreakpoint.value.includes("xl"));
+  const xxl = computed(() => currentBreakpoint.value.includes("xxl"));
+
+  return { currentBreakpoint, sm, md, lg, xl, xxl };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpa-id-components/dpa-shared-components",
-  "version": "7.0.9-0",
+  "version": "7.0.9",
   "engines": {
     "node": ">=16"
   },
@@ -88,7 +88,7 @@
     "vite": "^4.0.1",
     "vite-plugin-dts": "^2.0.0",
     "vite-svg-loader": "^4.0.0",
-    "vitest": "^0.32.0",
+    "vitest": "^0.33.0",
     "vue-loader": "^17.0.0",
     "vue-tsc": "^1.0.13"
   },