refactor(components): convert const to reactive where appropriate

- Inline class assignments to avoid script-level clutter
- Ignore a11y-missing-attribute instead of redundant href
This commit is contained in:
Eric Liu 2019-12-24 09:41:12 -08:00
commit c446fc74f4
94 changed files with 469 additions and 598 deletions

View file

@ -7,34 +7,27 @@
export let style = undefined;
import { cx } from '../../lib';
const _class = cx(
'--link',
disabled && '--link--disabled',
inline && '--link--inline',
className
);
</script>
{#if disabled}
<p
aria-current={$$props['aria-current']}
class={cx('--link', disabled && '--link--disabled', inline && '--link--inline', className)}
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={_class}
{style}>
<slot />
</p>
{:else}
<a
aria-current={$$props['aria-current']}
class={cx('--link', disabled && '--link--disabled', inline && '--link--inline', className)}
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={_class}
{style}
{href}>
<slot />