fix react() for plots with data and layout, update README

README.md

@@ -51,7 +51,7 @@ end
 #     @in plot_cursor = Dict{String, Any}()
 # end
 
-Stipple.js_mounted(::Example) = watchplots()
+@mounted Example watchplots()
 
 # the keyword argument 'keepselection' (default = false) controls whether the selection outline shall be removed after selection
 function ui()

assets/js/vueplotly.min.js

@@ -215,7 +215,16 @@
             }
         },
         react() {
-            Plotly.react(this.$el, this.data, this.innerLayout, this.config)
+            Plotly.react(this.$el, this.data, this.innerLayout, this.config).then(
+                () => {
+                    // if data and layout are stored in one object, it turns out that
+                    // react() is not sufficient to update the plot and relayout() is needed.
+                    // if layouting was successful, the height is different from '100%'
+                    if (this.$el.querySelector('.user-select-none').style.height == '100%') {
+                        this.relayout(this.innerLayout)
+                    }
+                }
+            )
         },
         removeSelection() {
             gd = this.$el;