FIX more advanced test

app/javascript/app.svelte

@@ -1,5 +1,6 @@
 <script>
   export let name;
+  export let message;
 </script>
 
 <style>
@@ -8,4 +9,4 @@
   }
 </style>
 
-<h1>Hello {name}!</h1>
+<h1>Hello me too {name} via {message}!</h1>

app/javascript/packs/hello_svelte.js

@@ -8,13 +8,14 @@
 import App from '../app.svelte'
 
 document.addEventListener('DOMContentLoaded', () => {
-  const app = new App({
-    target: document.body,
-    props: {
-      name: 'Svelte'
-    }
+  _.each(document.querySelectorAll('.svelte-hello'), function(el) {
+    const app = new App({
+      target: el,
+      props: {
+        name: 'Svelte',
+        message: el.dataset.msg
+      }
+    });
+    //  window.app = app;
   });
-
-  window.app = app;
-})
-
+});

app/views/svelte_test/hello.haml

@@ -1,4 +1,10 @@
 = javascript_pack_tag 'hello_svelte'
 = stylesheet_pack_tag 'hello_svelte'
 
-hello
+<h1>hello</h2>
+
+Svelte hello appears here
+.svelte-hello{ data: { msg: 'hello 1' } }
+
+and this is below it
+.svelte-hello{ data: { msg: 'hello 2' } }