Add prettier config about attractions

[aabounegm]

@illright Now that we no longer have <svelte:options> in the source code, maybe it's worth giving this another shot?

[illright]

Will do!

[illright]

Okay, so I tried setting it up, you can see it in the prettier branch. It's currently doing weird stuff with Svelte files, transforming the attractions/popover/popover-button.svelte file into this:

<script>
  import { createEventDispatcher } from 'svelte';
  import classes from '../utils/classes.js';

  let _class = null;
  export { _class as class };

  const dispatch = createEventDispatcher();
</script>

<svelte:options tag="a-popover-button" /><button
  type="button"
  class={classes('popover-button', _class)}
  on:click={e => dispatch('click', { nativeEvent: e })}
  {...$$restProps}
>
  <slot />
</button>

<style src="./popover-button.scss">
</style>

I am mostly bothered by that svelte:options thing. Have you encountered anything similar? Any ideas how to fix it?

[RikuVan]

oh, that is a bit annoying. Not an issue I was aware of. Have you been using prettier locally already in your editor with Svelte (just wondering of this is an issue when using config)? If you can't get it working maybe the minimum is to add a comment to disable prettier with the project until the bug for this whitespace removal is resolved.

[illright]

Nope, haven't used Prettier before. I'm thinking of opening an issue on the Svelte Prettier config about this and hold on to merging that branch until they fix it

[RikuVan]

seems to be an issue already in the plugin repo about putting options at the top: sveltejs/prettier-plugin-svelte#73

When I use prettier, I does move options to the markup part of the code but it doesn't remove whitespace between it and the next element. I suppose that is something in the prettier settings.