Implement Stroke config

src/DiagramEditor.vue

@@ -184,6 +184,8 @@ export default {
         },
         width: parseInt(item.width) || 150,
         height: parseInt(item.height) || 60,
+        stroke: item.stroke,
+        strokeWeight: item.strokeWeight,
         shape: item.shape,
         point: {
           x: 10,
@@ -198,6 +200,8 @@ export default {
       this.tmpNode.content.url = item.content.url;
       this.tmpNode.content.color = item.content.color;
       this.tmpNode.shape = item.shape;
+      this.tmpNode.stroke = item.stroke;
+      this.tmpNode.strokeWeight = item.strokeWeight;
       this.tmpNode.width = item.width;
       this.tmpNode.height = item.height;
       this.isModalActive = false;
@@ -209,6 +213,8 @@ export default {
       tmp.content.url = item.content.url;
       tmp.content.color = item.content.color;
       tmp.shape = item.shape;
+      tmp.stroke = item.stroke;
+      tmp.strokeWeight = item.strokeWeight;
       tmp.width = parseInt(item.width);
       tmp.height = parseInt(item.height);
       this.isEditModalActive = false;

src/lib/EditNodeModal.vue

@@ -15,6 +15,16 @@
           v-model="newNode.height"
           placeholder="height"
         /><br />
+        <VInput
+          type="text"
+          v-model="newNode.stroke"
+          placeholder="stroke"
+        /><br />
+        <VInput
+          type="number"
+          v-model="newNode.strokeWeight"
+          placeholder="stroke weight"
+        /><br />
         <VSelect v-model="newNode.shape" placeholder="Select shape">
           <option value="rectangle" selected>Rectangle</option>
           <option value="ellipse">Ellipse</option> </VSelect
@@ -37,6 +47,8 @@ export default {
           shape: "rectangle",
           width: 150,
           height: 60,
+          stroke: "",
+          strokeWeight: 0,
           content: {
             text: "none",
             url: "",

vue.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     disableHostCheck: true
-   }
-}
+  }
+};