aboutsummaryrefslogtreecommitdiff
path: root/test
diff options
context:
space:
mode:
authorJay Barra <jay.f.barra@gmail.com>2023-03-23 17:00:51 -0400
committerGitHub <noreply@github.com>2023-03-23 14:00:51 -0700
commit43ffed789064db2c59fe3fe8e1c1c2e142b3e483 (patch)
treeb45ce40ad4ff0b21849d2662670ed4c3090d7d35 /test
parent782db664571d20f8f67d16d3719cda124ca0cc6c (diff)
Pretter svelte-mode (#178)
Adds support for `svelte-mode` using prettier. Co-authored-by: Radon Rosborough <radon@intuitiveexplanations.com>
Diffstat (limited to 'test')
-rw-r--r--test/formatters/installers/prettier-svelte.bash1
-rw-r--r--test/formatters/samplecode/prettier-svelte/in.svelte9
-rw-r--r--test/formatters/samplecode/prettier-svelte/out.svelte19
3 files changed, 29 insertions, 0 deletions
diff --git a/test/formatters/installers/prettier-svelte.bash b/test/formatters/installers/prettier-svelte.bash
new file mode 100644
index 0000000..70fae61
--- /dev/null
+++ b/test/formatters/installers/prettier-svelte.bash
@@ -0,0 +1 @@
+npm install -g prettier-plugin-svelte prettier
diff --git a/test/formatters/samplecode/prettier-svelte/in.svelte b/test/formatters/samplecode/prettier-svelte/in.svelte
new file mode 100644
index 0000000..493b89e
--- /dev/null
+++ b/test/formatters/samplecode/prettier-svelte/in.svelte
@@ -0,0 +1,9 @@
+<script> let attrName = "myattr"; let title = "title"; const myFunc = () => {title = "updated title";}; </script>
+<div class="foo">
+<ul class={myattr}>
+<li><a href="/">Home</a></li>
+</ul>
+</div>
+<style>
+ .foo { background: #ababab; }
+</style>
diff --git a/test/formatters/samplecode/prettier-svelte/out.svelte b/test/formatters/samplecode/prettier-svelte/out.svelte
new file mode 100644
index 0000000..e4bfa98
--- /dev/null
+++ b/test/formatters/samplecode/prettier-svelte/out.svelte
@@ -0,0 +1,19 @@
+<script>
+ let attrName = "myattr";
+ let title = "title";
+ const myFunc = () => {
+ title = "updated title";
+ };
+</script>
+
+<div class="foo">
+ <ul class={myattr}>
+ <li><a href="/">Home</a></li>
+ </ul>
+</div>
+
+<style>
+ .foo {
+ background: #ababab;
+ }
+</style>