@iankibetsh/vue-streamline 1.2.7 → 1.2.9

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.9",
       "description": "Vue library for streamlining laravel backend services with @iankibet/streamline composer package",
       "type": "module",
       "scripts": {

package/src/composables/useStreamline.js

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