@@ -32,7 +32,6 @@ npm i -D @types/elm
32
32
<script src="/elm/sample.js"></script>
33
33
</svelte:head>
34
34
<div bind:this="{elmRoot}" />
35
-
36
35
```
37
36
38
37
## Method 2. Using [ vite-plugin-elm] ( https://github.com/hmsk/vite-plugin-elm ) :
@@ -57,7 +56,6 @@ import { plugin as elm } from "vite-plugin-elm";
57
56
export default defineConfig ({
58
57
plugins: [sveltekit (), elm ()],
59
58
});
60
-
61
59
```
62
60
63
61
4 . Modify ` +page.svelte ` to embed ` Main.elm ` :
@@ -76,7 +74,6 @@ export default defineConfig({
76
74
</script>
77
75
78
76
<div bind:this="{elmRoot}" />
79
-
80
77
```
81
78
82
79
## Method 1 deep-dive. Embedding multiple Elm modules with script lifecycle management
@@ -155,10 +152,10 @@ File `Elm.svelte`:
155
152
</script>
156
153
157
154
<div bind:this={elmRoot} />
158
-
159
155
```
160
156
161
157
### Build and [ minify] ( https://guide.elm-lang.org/optimization/asset_size ) ` .elm ` files
158
+
162
159
File ` elm-build.sh ` :
163
160
164
161
``` sh
@@ -203,7 +200,6 @@ if [ "$1" = "1" ]; then
203
200
elif [ " $1 " = " 2" ]; then
204
201
build_example2
205
202
fi
206
-
207
203
```
208
204
209
205
### Example 1. Using one ` elm.js ` file containing multiple modules
@@ -233,7 +229,6 @@ File: `one-elm-js/+page.svelte`:
233
229
{/each}
234
230
{/each}
235
231
</section>
236
-
237
232
```
238
233
239
234
### Example 2. Using multiple ` moduleName.js ` files each containing one
@@ -260,12 +255,12 @@ File: `js-per-module/+page.svelte`:
260
255
{/each}
261
256
{/each}
262
257
</div>
263
-
264
258
```
265
259
266
260
## See also
267
261
268
262
- [ joakin/elm-node: Run Elm + JS programs easily in node] ( https://github.com/joakin/elm-node )
263
+
269
264
## Reference
270
265
271
266
- [ JavaScript Interop · An Introduction to Elm] ( https://guide.elm-lang.org/interop/ )
0 commit comments