@salesforcedevs/docs-components 1.3.345-spage → 1.3.345-sppage-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.345-spage",
+    "version": "1.3.345-sppage-alpha",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/specificationContent/specificationContent.ts

@@ -1,9 +1,10 @@
-import { LightningElement, track } from "lwc";
+import { LightningElement, track, api } from "lwc";
 import { toJson } from "dxUtils/normalizers";
 
 export default class specificationContent extends LightningElement {
     @track data: any; // Reactive property to store fetched data
     @track error: any; // To track any errors
+    @api component: string = "button";
 
     // Lifecycle method to fetch data when the component is inserted into the DOM
     connectedCallback() {
@@ -12,7 +13,8 @@ export default class specificationContent extends LightningElement {
 
     // Method to make the API call
     loadData() {
-        fetch("http://localhost:3002/card") // Sample API URL
+        const url = `http://localhost:3002/get-properties?component=${this.component}`;
+        fetch(url) // Sample API URL
             .then((response) => response.json()) // Convert response to JSON
             .then((result) => {
                 this.data = toJson(result); // Store data to update UI
@@ -26,12 +28,12 @@ export default class specificationContent extends LightningElement {
 
     // Helper to check if attributes exist
     get hasAttributes() {
-        return this.data?.attribute;
+        return this.data?.attributes;
     }
 
     // Helper to check if methods exist
     get hasMethods() {
-        return this.data?.method;
+        return this.data?.methods;
     }
 
     // Helper to check if slots exist