@thinkpixellab-public/px-vue 4.0.29 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thinkpixellab-public/px-vue",
-  "version": "4.0.29",
+  "version": "4.1.0",
   "description": "General purpose Vue components and helpers that can be used across projects.",
   "author": {
     "name": "Pixel Lab"
@@ -23,7 +23,7 @@
     "@floating-ui/dom": "^1.6.11",
     "@popperjs/core": "^2.11.8",
     "@storybook/test": "^8.3.4",
-    "@thinkpixellab-public/px-styles": "^4.0.3",
+    "@thinkpixellab-public/px-styles": "^4.1.0",
     "@thinkpixellab-public/px-vue-tester": "^2.0.0",
     "@thinkpixellab-public/vue-resize-directive": "^1.2.2",
     "body-scroll-lock": "^3.1.5",
@@ -59,7 +59,6 @@
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/test-utils": "^2.4.6",
     "babel-eslint": "^10.1.0",
-    "sass": "^1.77.6",
     "babel-loader": "^9.2.1",
     "chromatic": "^11.11.0",
     "eslint": "^9.11.1",
@@ -67,6 +66,7 @@
     "eslint-plugin-vue": "^9.28.0",
     "jsdom": "^25.0.1",
     "prettier": "^3.3.3",
+    "sass": "^1.77.6",
     "storybook": "^8.3.4",
     "storybook-addon-pseudo-states": "^4.0.2",
     "vite": "^5.4.8",

package/utils/utilsSsr.js

@@ -0,0 +1,36 @@
+import { useSSRContext } from 'vue';
+
+export function getQueryParams() {
+    // Function to parse query params from URL
+    const getQueryParams = url => {
+        const params = {};
+        new URL(url, 'http://example.com').searchParams.forEach((value, key) => {
+            params[key] = value;
+        });
+        return params;
+    };
+
+    let queryParams;
+
+    let ctx;
+
+    if (typeof window === 'undefined') {
+        ctx = useSSRContext();
+    }
+
+    if (ctx) {
+        queryParams = getQueryParams(ctx.url);
+    } else {
+        const { search } = window.location;
+
+        queryParams = getQueryParams(search);
+    }
+
+    return queryParams;
+}
+
+export function getQueryParam(name, fallback = null) {
+    let params = getQueryParams();
+
+    return params[name] || fallback;
+}