@iankibetsh/vue-streamline 1.2.7 → 1.2.8

package/README.md

@@ -66,7 +66,22 @@ getActionUrl('getTasks', 'active')
  ```
 
 ## Accessing class properties
-In your template just access the props object to get the class properties
+You can access the class properties defined in the service class using the props object returned by the useStreamline function
+### In your script
+Access the props object to get the class properties, use computed to make it reactive
+```js
+const title = computed(() => props.title)
+```
+Then use it in your template
+```html
+<template>
+    <div>
+        <h1>{{title}}</h1>
+    </div>
+</template>
+```
+### Directly in your template
+In your template just access the props object to get the class properties. Prefer using computed to make it reactive
 ```html
 <template>
     <div>

package/package.json

@@ -1,6 +1,6 @@
 {
       "name": "@iankibetsh/vue-streamline",
-      "version": "1.2.7",
+      "version": "1.2.8",
       "description": "Vue library for streamlining laravel backend services with @iankibet/streamline composer package",
       "type": "module",
       "scripts": {

package/src/composables/useStreamline.js

@@ -108,14 +108,23 @@ const useStreamline = (stream, ...initialArgs) => {
         }
     }
     const getActionUrl = (action, ...args) => {
-        // console.log('getActionUrl called with:', action, args);
-        const post = {
-            action,
-            stream,
-            params: args
+        let newStream = stream
+        if(action.includes(':')){
+            [newStream, action] = action.split(':')
         }
-        return `${streamlineUrl}?${new URLSearchParams(post).toString()}`
+        const params = new URLSearchParams({
+            action,
+            stream: newStream
+        })
+
+        // Add each arg as a separate param
+        args.forEach((arg, index) => {
+            params.append(`params[${index}]`, typeof arg === 'object' ? JSON.stringify(arg) : arg)
+        })
+
+        return `${streamlineUrl}?${params.toString()}`
     }
+
     const service = reactive({})
 
     // Confirmation wrapper