From 9629a55a9f1c8d9eb709ee773c9e23356d938c9b Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 29 Apr 2018 17:45:03 -0700
Subject: [PATCH] remove all instances of string coercion (#240)

---
 routes/_components/AutoplayVideo.html         |  2 +-
 routes/_components/Avatar.html                | 12 ++--
 routes/_components/DynamicPageBanner.html     |  2 +-
 routes/_components/ExternalLink.html          |  4 +-
 routes/_components/IconButton.html            | 26 ++++-----
 routes/_components/LazyImage.html             |  8 +--
 routes/_components/Nav.html                   |  2 +-
 routes/_components/NavItem.html               |  8 +--
 routes/_components/NonAutoplayGifv.html       | 16 ++---
 routes/_components/NonAutoplayImg.html        | 18 +++---
 routes/_components/TimelineHomePage.html      |  4 +-
 routes/_components/TimelinePage.html          |  2 +-
 routes/_components/Toast.html                 |  2 +-
 routes/_components/community/PageList.html    |  2 +-
 .../_components/community/PageListItem.html   |  6 +-
 routes/_components/compose/ComposeAuthor.html |  2 +-
 .../compose/ComposeAutosuggest.html           |  2 +-
 .../compose/ComposeAutosuggestionList.html    |  4 +-
 routes/_components/compose/ComposeButton.html |  4 +-
 .../compose/ComposeLengthIndicator.html       |  2 +-
 .../_components/compose/ComposeMediaItem.html |  2 +-
 .../_components/compose/ComposeToolbar.html   | 12 ++--
 .../dialog/components/EmojiDialog.html        |  2 +-
 .../dialog/components/GenericDialogList.html  |  4 +-
 .../dialog/components/ImageDialog.html        | 10 ++--
 .../dialog/components/ModalDialog.html        |  6 +-
 .../profile/AccountProfileDetails.html        |  4 +-
 .../profile/AccountProfileFollow.html         |  6 +-
 .../profile/AccountProfileHeader.html         |  2 +-
 .../pseudoVirtualList/PseudoVirtualList.html  | 18 +++---
 .../PseudoVirtualListItem.html                | 10 ++--
 .../search/AccountSearchResult.html           |  4 +-
 routes/_components/search/Search.html         |  2 +-
 routes/_components/search/SearchResult.html   |  2 +-
 routes/_components/search/SearchResults.html  |  2 +-
 .../search/StatusSearchResult.html            |  2 +-
 routes/_components/settings/SettingsList.html |  2 +-
 .../settings/SettingsListItem.html            |  6 +-
 routes/_components/settings/SettingsNav.html  |  4 +-
 .../_components/settings/SettingsNavItem.html |  5 +-
 routes/_components/status/Media.html          | 58 +++++++++----------
 routes/_components/status/Notification.html   |  4 +-
 routes/_components/status/Status.html         | 14 ++---
 .../_components/status/StatusAuthorName.html  |  2 +-
 .../_components/status/StatusComposeBox.html  |  8 +--
 routes/_components/status/StatusContent.html  |  2 +-
 routes/_components/status/StatusDetails.html  |  8 +--
 routes/_components/status/StatusHeader.html   |  4 +-
 .../status/StatusMediaAttachments.html        |  4 +-
 .../status/StatusRelativeDate.html            |  4 +-
 routes/_components/status/StatusSidebar.html  |  2 +-
 routes/_components/status/StatusSpoiler.html  |  2 +-
 routes/_components/status/StatusToolbar.html  | 26 ++++-----
 .../timeline/MoreHeaderVirtualWrapper.html    |  4 +-
 .../timeline/NotificationVirtualListItem.html | 12 ++--
 .../_components/timeline/PinnedStatuses.html  |  4 +-
 .../timeline/StatusVirtualListItem.html       | 12 ++--
 routes/_components/timeline/Timeline.html     | 12 ++--
 .../_components/virtualList/VirtualList.html  | 12 ++--
 .../virtualList/VirtualListItem.html          | 10 ++--
 routes/_pages/accounts/[accountId].html       |  8 +--
 routes/_pages/community/index.html            |  2 +-
 routes/_pages/lists/[listId].html             |  2 +-
 routes/_pages/pinned.html                     |  2 +-
 .../settings/instances/[instanceName].html    |  8 +--
 routes/_pages/settings/instances/add.html     |  2 +-
 routes/_pages/settings/instances/index.html   |  6 +-
 67 files changed, 235 insertions(+), 232 deletions(-)

diff --git a/routes/_components/AutoplayVideo.html b/routes/_components/AutoplayVideo.html
index a491b0c..91e3bb2 100644
--- a/routes/_components/AutoplayVideo.html
+++ b/routes/_components/AutoplayVideo.html
@@ -1,6 +1,6 @@
 <video
   class="autoplay-video {{className || ''}}"
-  aria-label="{{ariaLabel || ''}}"
+  aria-label={{ariaLabel || ''}}
   style="background-image: url({{poster}});"
   :poster
   :width
diff --git a/routes/_components/Avatar.html b/routes/_components/Avatar.html
index 71e6936..68fb010 100644
--- a/routes/_components/Avatar.html
+++ b/routes/_components/Avatar.html
@@ -1,22 +1,22 @@
 {{#if error}}
-<svg class="{{computedClass}}" aria-hidden="true">
+<svg class={{computedClass}} aria-hidden="true">
   <use xlink:href="#fa-user" />
 </svg>
 {{elseif $autoplayGifs}}
   <img
-    class="{{computedClass}}"
+    class={{computedClass}}
     aria-hidden="true"
     alt=""
-    src="{{account.avatar}}"
+    src={{account.avatar}}
     on:imgLoad="set({loaded: true})"
     on:imgLoadError="set({error: true})" />
 {{else}}
   <NonAutoplayImg
-    className="{{computedClass}}"
+    className={{computedClass}}
     ariaHidden="true"
     alt=""
-    src="{{account.avatar}}"
-    staticSrc="{{account.avatar_static}}"
+    src={{account.avatar}}
+    staticSrc={{account.avatar_static}}
     :isLink
     on:imgLoad="set({loaded: true})"
     on:imgLoadError="set({error: true})"
diff --git a/routes/_components/DynamicPageBanner.html b/routes/_components/DynamicPageBanner.html
index 792cf61..7aab3fe 100644
--- a/routes/_components/DynamicPageBanner.html
+++ b/routes/_components/DynamicPageBanner.html
@@ -1,7 +1,7 @@
 <div class="dynamic-page-banner {{icon ? 'dynamic-page-with-icon' : ''}}">
   {{#if icon}}
   <svg class="dynamic-page-banner-svg">
-    <use xlink:href="{{icon}}" />
+    <use xlink:href={{icon}} />
   </svg>
   {{/if}}
   <h1 class="dynamic-page-title">{{title}}</h1>
diff --git a/routes/_components/ExternalLink.html b/routes/_components/ExternalLink.html
index 2523dd0..5496e0b 100644
--- a/routes/_components/ExternalLink.html
+++ b/routes/_components/ExternalLink.html
@@ -1,7 +1,7 @@
 <a rel="nofollow noopener"
    target="_blank"
-   href="{{href}}"
-   aria-label="{{ariaLabel || ''}}"
+   href={{href}}
+   aria-label={{ariaLabel || ''}}
    class="{{className || ''}} {{showIcon ? 'external-link-with-icon' : ''}} {{normalIconColor ? 'normal-icon-color' : ''}}">
   <slot></slot>{{#if showIcon}}
     <svg class="external-link-svg">
diff --git a/routes/_components/IconButton.html b/routes/_components/IconButton.html
index ded5ba3..1430eb3 100644
--- a/routes/_components/IconButton.html
+++ b/routes/_components/IconButton.html
@@ -1,27 +1,27 @@
 {{#if delegateKey}}
   <button type="button"
-          title="{{label}}"
-          aria-label="{{label}}"
-          aria-pressed="{{pressable ? !!pressed : ''}}"
-          class="{{computedClass}}"
+          title={{label}}
+          aria-label={{label}}
+          aria-pressed={{pressable ? !!pressed : ''}}
+          class={{computedClass}}
           :disabled
-          delegate-key="{{delegateKey}}"
-          focus-key="{{focusKey || ''}}" >
+          delegate-key={{delegateKey}}
+          focus-key={{focusKey || ''}} >
     <svg class="icon-button-svg {{svgClassName || ''}}" ref:svg>
-      <use xlink:href="{{href}}" />
+      <use xlink:href={{href}} />
     </svg>
   </button>
 {{else}}
   <button type="button"
-          title="{{label}}"
-          aria-label="{{label}}"
-          aria-pressed="{{pressable ? !!pressed : ''}}"
-          class="{{computedClass}}"
-          focus-key="{{focusKey || ''}}"
+          title={{label}}
+          aria-label={{label}}
+          aria-pressed={{pressable ? !!pressed : ''}}
+          class={{computedClass}}
+          focus-key={{focusKey || ''}}
           :disabled
           on:click >
     <svg class="icon-button-svg {{svgClassName || ''}}" ref:svg>
-      <use xlink:href="{{href}}" />
+      <use xlink:href={{href}} />
     </svg>
   </button>
 {{/if}}
diff --git a/routes/_components/LazyImage.html b/routes/_components/LazyImage.html
index 7238a9b..2b52970 100644
--- a/routes/_components/LazyImage.html
+++ b/routes/_components/LazyImage.html
@@ -3,10 +3,10 @@
   {{#if displaySrc}}
     <img
       class="{{hidden ? 'hidden' : ''}} {{className || ''}}"
-      aria-hidden="{{ariaHidden || ''}}"
-      alt="{{alt || ''}}"
-      title="{{alt || ''}}"
-      src="{{displaySrc}}"
+      aria-hidden={{ariaHidden || ''}}
+      alt={{alt || ''}}
+      title={{alt || ''}}
+      src={{displaySrc}}
       :width
       :height
     />
diff --git a/routes/_components/Nav.html b/routes/_components/Nav.html
index ad574b2..f1769e6 100644
--- a/routes/_components/Nav.html
+++ b/routes/_components/Nav.html
@@ -20,7 +20,7 @@
       </li>
     {{elseif $pinnedPage.startsWith('/lists/')}}
       <li class="main-nav-li">
-        <NavItem :page name="lists" href="{{$pinnedPage}}" svg="#fa-bars" label="{{$pinnedListTitle}}" />
+        <NavItem :page name="lists" href={{$pinnedPage}} svg="#fa-bars" label={{$pinnedListTitle}} />
       </li>
     {{/if}}
 		<li class="main-nav-li">
diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html
index 0fc6d90..ce076c0 100644
--- a/routes/_components/NavItem.html
+++ b/routes/_components/NavItem.html
@@ -1,12 +1,12 @@
 <a class='main-nav-link {{selected ? "selected" : ""}}'
-   aria-label='{{ariaLabel}}'
-   aria-current="{{selected}}"
+   aria-label={{ariaLabel}}
+   aria-current={{selected}}
    on:click="onClick(event)"
    :href >
   {{#if name === 'notifications'}}
     <div class="nav-link-svg-wrapper">
       <svg class="nav-link-svg">
-        <use xlink:href="{{svg}}" />
+        <use xlink:href={{svg}} />
       </svg>
       {{#if $hasNotifications}}
         <span class="nav-link-notifications" aria-hidden="true">
@@ -16,7 +16,7 @@
     </div>
   {{else}}
     <svg class="nav-link-svg">
-      <use xlink:href="{{svg}}" />
+      <use xlink:href={{svg}} />
     </svg>
   {{/if}}
   <span class="nav-link-label">{{label}}</span>
diff --git a/routes/_components/NonAutoplayGifv.html b/routes/_components/NonAutoplayGifv.html
index 9cfe60d..a5611ce 100644
--- a/routes/_components/NonAutoplayGifv.html
+++ b/routes/_components/NonAutoplayGifv.html
@@ -4,8 +4,8 @@
 >
   {{#if playing}}
     <AutoplayVideo
-      className="{{class}}"
-      ariaLabel="{{label}}"
+      className={{class}}
+      ariaLabel={{label}}
       :poster
       :src
       :width
@@ -13,17 +13,17 @@
       />
   {{else}}
     <LazyImage
-      alt="{{label || ''}}"
-      title="{{label || ''}}"
-      src="{{staticSrc}}"
-      fallback="{{oneTransparentPixel}}"
+      alt={{label || ''}}
+      title={{label || ''}}
+      src={{staticSrc}}
+      fallback={{oneTransparentPixel}}
       :width
       :height
       background="var(--loading-bg)"
-      className="{{class}}"
+      className={{class}}
     />
   {{/if}}
-  <PlayVideoIcon className="{{playing ? 'hidden' : ''}}"/>
+  <PlayVideoIcon className={{playing ? 'hidden' : ''}}/>
 </div>
 <style>
   .non-autoplay-gifv {
diff --git a/routes/_components/NonAutoplayImg.html b/routes/_components/NonAutoplayImg.html
index 161596d..1eeb9ba 100644
--- a/routes/_components/NonAutoplayImg.html
+++ b/routes/_components/NonAutoplayImg.html
@@ -1,17 +1,17 @@
 {{#if staticSrc === src}}
-  <img class="{{className || ''}}"
-       aria-hidden="{{ariaHidden}}"
-       alt="{{alt || ''}}"
-       title="{{alt || ''}}"
-       src="{{src}}"
+  <img class={{className || ''}}
+       aria-hidden={{ariaHidden}}
+       alt={{alt || ''}}
+       title={{alt || ''}}
+       src={{src}}
        on:imgLoad
        on:imgLoadError />
 {{else}}
   <img class="{{className || ''}} non-autoplay-zoom-in {{isLink ? 'is-link' : ''}}"
-       aria-hidden="{{ariaHidden}}"
-       alt="{{alt || ''}}"
-       title="{{alt || ''}}"
-       src="{{staticSrc}}"
+       aria-hidden={{ariaHidden}}
+       alt={{alt || ''}}
+       title={{alt || ''}}
+       src={{staticSrc}}
        on:imgLoad
        on:imgLoadError
        on:mouseover="onMouseOver(event)"
diff --git a/routes/_components/TimelineHomePage.html b/routes/_components/TimelineHomePage.html
index ff5a2a8..bdfb95a 100644
--- a/routes/_components/TimelineHomePage.html
+++ b/routes/_components/TimelineHomePage.html
@@ -3,12 +3,12 @@
      without a div wrapper due to sticky-positioned compose button.
      TODO: this is a bit hacky due to code duplication
  -->
-<div class="timeline-home-page" aria-busy="{{hideTimeline}}">
+<div class="timeline-home-page" aria-busy={{hideTimeline}}>
   {{#if hidePage}}
     <LoadingPage />
   {{/if}}
   {{#if $currentVerifyCredentials }}
-    <ComposeBox realm="home" hidden="{{hidePage}}"/>
+    <ComposeBox realm="home" hidden={{hidePage}}/>
   {{/if}}
   <div class="timeline-home-anchor-container">
     {{#if !hidePage && hideTimeline}}
diff --git a/routes/_components/TimelinePage.html b/routes/_components/TimelinePage.html
index 7a8ba1a..1424dd1 100644
--- a/routes/_components/TimelinePage.html
+++ b/routes/_components/TimelinePage.html
@@ -1,4 +1,4 @@
-<div class="timeline-page" aria-busy="{{hideTimeline}}">
+<div class="timeline-page" aria-busy={{hideTimeline}}>
   {{#if hidePage}}
     <LoadingPage />
   {{/if}}
diff --git a/routes/_components/Toast.html b/routes/_components/Toast.html
index ad8f0f3..8507740 100644
--- a/routes/_components/Toast.html
+++ b/routes/_components/Toast.html
@@ -1,4 +1,4 @@
-<div class="toast-modal {{shown ? 'shown' : ''}}" role="alert" aria-hidden="{{shown}}">
+<div class="toast-modal {{shown ? 'shown' : ''}}" role="alert" aria-hidden={{shown}}>
   <div class="toast-container">
     {{text}}
   </div>
diff --git a/routes/_components/community/PageList.html b/routes/_components/community/PageList.html
index 874444e..422cd07 100644
--- a/routes/_components/community/PageList.html
+++ b/routes/_components/community/PageList.html
@@ -1,6 +1,6 @@
 <div class="page-list-wrapper">
   {{#if label}}
-  <ul class="page-list" aria-label="{{label}}">
+  <ul class="page-list" aria-label={{label}}>
     <slot></slot>
   </ul>
   {{else}}
diff --git a/routes/_components/community/PageListItem.html b/routes/_components/community/PageListItem.html
index 20e450e..bce969f 100644
--- a/routes/_components/community/PageListItem.html
+++ b/routes/_components/community/PageListItem.html
@@ -1,15 +1,15 @@
 <li class="page-list-item">
   <a :href>
     <svg class="page-list-item-svg">
-      <use xlink:href="{{icon}}" />
+      <use xlink:href={{icon}} />
     </svg>
     <span aria-label="{{label}} {{$pinnedPage === href ? 'Pinned page' : 'Unpinned page'}}">
       {{label}}
     </span>
     {{#if pinnable}}
       <IconButton pressable="true"
-                  pressed="{{$pinnedPage === href}}"
-                  label="{{$pinnedPage === href ? 'Unpin timeline' : 'Pin timeline'}}"
+                  pressed={{$pinnedPage === href}}
+                  label={{$pinnedPage === href ? 'Unpin timeline' : 'Pin timeline'}}
                   href="#fa-thumb-tack"
                   on:click="onPinClick(event)" />
     {{/if}}
diff --git a/routes/_components/compose/ComposeAuthor.html b/routes/_components/compose/ComposeAuthor.html
index d177dce..29a2462 100644
--- a/routes/_components/compose/ComposeAuthor.html
+++ b/routes/_components/compose/ComposeAuthor.html
@@ -1,7 +1,7 @@
 <a href="/accounts/{{verifyCredentials.id}}"
    class="compose-box-avatar"
    aria-label="Profile for {{verifyCredentials.display_name || verifyCredentials.acct}}">
-  <Avatar account="{{verifyCredentials}}" size="small"/>
+  <Avatar account={{verifyCredentials}} size="small"/>
 </a>
 <a class="compose-box-display-name" href="/accounts/{{verifyCredentials.id}}">
   {{verifyCredentials.display_name || verifyCredentials.acct}}
diff --git a/routes/_components/compose/ComposeAutosuggest.html b/routes/_components/compose/ComposeAutosuggest.html
index 4736790..39fd5db 100644
--- a/routes/_components/compose/ComposeAutosuggest.html
+++ b/routes/_components/compose/ComposeAutosuggest.html
@@ -1,7 +1,7 @@
 <div class="compose-autosuggest {{shown ? 'shown' : ''}} {{realm === 'dialog' ? 'is-dialog' : ''}}"
        aria-hidden="true" >
   <ComposeAutosuggestionList
-    items="{{searchResults}}"
+    items={{searchResults}}
     on:click="onClick(event)"
     :type
     :selected
diff --git a/routes/_components/compose/ComposeAutosuggestionList.html b/routes/_components/compose/ComposeAutosuggestionList.html
index bdbe343..e5a8e31 100644
--- a/routes/_components/compose/ComposeAutosuggestionList.html
+++ b/routes/_components/compose/ComposeAutosuggestionList.html
@@ -9,7 +9,7 @@
         <Avatar
           className="compose-autosuggest-list-item-avatar"
           size="small"
-          account="{{item}}"
+          account={{item}}
         />
         <span class="compose-autosuggest-list-display-name">
             {{item.display_name || item.acct}}
@@ -18,7 +18,7 @@
             {{'@' + item.acct}}
         </span>
         {{else}}
-          <img src="{{$autoplayGifs ? item.url : item.static_url}}"
+          <img src={{$autoplayGifs ? item.url : item.static_url}}
                class="compose-autosuggest-list-item-icon"
                alt="{{':' + item.shortcode + ':'}}"
           />
diff --git a/routes/_components/compose/ComposeButton.html b/routes/_components/compose/ComposeButton.html
index da81253..84485a7 100644
--- a/routes/_components/compose/ComposeButton.html
+++ b/routes/_components/compose/ComposeButton.html
@@ -1,9 +1,9 @@
 <div class="compose-box-button-halo">
   <button class="primary compose-box-button"
           :disabled
-          aria-label="{{sticky ? 'Compose' : 'Toot!'}}"
+          aria-label={{sticky ? 'Compose' : 'Toot!'}}
           on:click>
-    <span class="{{$postingStatus || sticky ? 'hidden' : ''}}">
+    <span class={{$postingStatus || sticky ? 'hidden' : ''}}>
       Toot!
     </span>
     <div class="compose-box-button-spinner"
diff --git a/routes/_components/compose/ComposeLengthIndicator.html b/routes/_components/compose/ComposeLengthIndicator.html
index 3e62b41..3e17500 100644
--- a/routes/_components/compose/ComposeLengthIndicator.html
+++ b/routes/_components/compose/ComposeLengthIndicator.html
@@ -1,5 +1,5 @@
 <span class="compose-box-length {{overLimit ? 'over-char-limit' : ''}}"
-      aria-label="{{lengthLabel}}">
+      aria-label={{lengthLabel}}>
       {{lengthToDisplayDeferred || '0'}}
     </span>
 <style>
diff --git a/routes/_components/compose/ComposeMediaItem.html b/routes/_components/compose/ComposeMediaItem.html
index 67b7549..7765217 100644
--- a/routes/_components/compose/ComposeMediaItem.html
+++ b/routes/_components/compose/ComposeMediaItem.html
@@ -1,5 +1,5 @@
 <div class="compose-media">
-  <img src="{{mediaItem.data.preview_url}}" alt="{{mediaItem.file.name}}"/>
+  <img src={{mediaItem.data.preview_url}} alt={{mediaItem.file.name}}/>
   <div class="compose-media-delete">
     <button class="compose-media-delete-button"
             aria-label="Delete {{mediaItem.file.name}}"
diff --git a/routes/_components/compose/ComposeToolbar.html b/routes/_components/compose/ComposeToolbar.html
index 14a5fba..dcf72f7 100644
--- a/routes/_components/compose/ComposeToolbar.html
+++ b/routes/_components/compose/ComposeToolbar.html
@@ -6,23 +6,23 @@
       on:click="onEmojiClick()"
     />
     <IconButton
-      svgClassName="{{$uploadingMedia ? 'spin' : ''}}"
+      svgClassName={{$uploadingMedia ? 'spin' : ''}}
       label="Add media"
-      href="{{$uploadingMedia ? '#fa-spinner' : '#fa-camera'}}"
+      href={{$uploadingMedia ? '#fa-spinner' : '#fa-camera'}}
       on:click="onMediaClick()"
-      disabled="{{$uploadingMedia || (media.length === 4)}}"
+      disabled={{$uploadingMedia || (media.length === 4)}}
     />
     <IconButton
       label="Adjust privacy (currently {{postPrivacy.label}})"
-      href="{{postPrivacy.icon}}"
+      href={{postPrivacy.icon}}
       on:click="onPostPrivacyClick()"
     />
     <IconButton
-      label="{{contentWarningShown ? 'Remove content warning' : 'Add content warning'}}"
+      label={{contentWarningShown ? 'Remove content warning' : 'Add content warning'}}
       href="#fa-exclamation-triangle"
       on:click="onContentWarningClick()"
       pressable="true"
-      pressed="{{contentWarningShown}}"
+      pressed={{contentWarningShown}}
     />
   </div>
   <input ref:input
diff --git a/routes/_components/dialog/components/EmojiDialog.html b/routes/_components/dialog/components/EmojiDialog.html
index 9ee619f..a5450ba 100644
--- a/routes/_components/dialog/components/EmojiDialog.html
+++ b/routes/_components/dialog/components/EmojiDialog.html
@@ -10,7 +10,7 @@
         {{#each emojis as emoji}}
           <li class="custom-emoji">
             <button type="button" on:click="onClickEmoji(emoji)">
-              <img src="{{$autoplayGifs ? emoji.url : emoji.static_url}}"
+              <img src={{$autoplayGifs ? emoji.url : emoji.static_url}}
                    alt=":{{emoji.shortcode}}:"
                    title=":{{emoji.shortcode}}:"
               />
diff --git a/routes/_components/dialog/components/GenericDialogList.html b/routes/_components/dialog/components/GenericDialogList.html
index f61bc08..e697290 100644
--- a/routes/_components/dialog/components/GenericDialogList.html
+++ b/routes/_components/dialog/components/GenericDialogList.html
@@ -3,12 +3,12 @@
   <li class="generic-dialog-list-item">
     <button class="generic-dialog-list-button" on:click="fire('click', item)">
       <svg class="generic-dialog-list-item-svg">
-        <use xlink:href="{{item.icon}}" />
+        <use xlink:href={{item.icon}} />
       </svg>
       <span>
             {{item.label}}
           </span>
-      <svg class="generic-dialog-list-item-svg {{item.selected ? '' : 'hidden'}}" aria-hidden="{{!item.selected}}">
+      <svg class="generic-dialog-list-item-svg {{item.selected ? '' : 'hidden'}}" aria-hidden={{!item.selected}}>
         <use xlink:href="#fa-check" />
       </svg>
     </button>
diff --git a/routes/_components/dialog/components/ImageDialog.html b/routes/_components/dialog/components/ImageDialog.html
index 7d4797a..56fbf48 100644
--- a/routes/_components/dialog/components/ImageDialog.html
+++ b/routes/_components/dialog/components/ImageDialog.html
@@ -15,11 +15,11 @@
     />
   {{else}}
     <img
-      src="{{src}}"
-      width="{{width}}"
-      height="{{height}}"
-      alt="{{description || ''}}"
-      title="{{description || ''}}"
+      src={{src}}
+      width={{width}}
+      height={{height}}
+      alt={{description || ''}}
+      title={{description || ''}}
     />
   {{/if}}
 </ModalDialog>
diff --git a/routes/_components/dialog/components/ModalDialog.html b/routes/_components/dialog/components/ModalDialog.html
index 0932d19..4570dc5 100644
--- a/routes/_components/dialog/components/ModalDialog.html
+++ b/routes/_components/dialog/components/ModalDialog.html
@@ -1,10 +1,10 @@
-<div class="{{backdropClass}}"
+<div class={{backdropClass}}
      tabindex="-1"
      data-a11y-dialog-hide
 ></div>
-<div class="{{contentsClass}}"
+<div class={{contentsClass}}
      role="dialog"
-     aria-label="{{label || ''}}"
+     aria-label={{label || ''}}
      ref:node
 >
   <div class="modal-dialog-document" role="document" style="background: {{background || '#000'}};">
diff --git a/routes/_components/profile/AccountProfileDetails.html b/routes/_components/profile/AccountProfileDetails.html
index 3f3a007..c3eae52 100644
--- a/routes/_components/profile/AccountProfileDetails.html
+++ b/routes/_components/profile/AccountProfileDetails.html
@@ -9,7 +9,7 @@
   </div>
   <a class="account-profile-details-item"
      href='/accounts/{{account.id}}/follows'
-     aria-label="{{followingLabel}}"
+     aria-label={{followingLabel}}
   >
     <span class="account-profile-details-item-title">
       Follows
@@ -20,7 +20,7 @@
   </a>
   <a class="account-profile-details-item"
      href='/accounts/{{account.id}}/followers'
-     aria-label="{{followersLabel}}"
+     aria-label={{followersLabel}}
   >
     <span class="account-profile-details-item-title">
       Followers
diff --git a/routes/_components/profile/AccountProfileFollow.html b/routes/_components/profile/AccountProfileFollow.html
index ec720b3..f4ac266 100644
--- a/routes/_components/profile/AccountProfileFollow.html
+++ b/routes/_components/profile/AccountProfileFollow.html
@@ -1,9 +1,9 @@
 <div class="account-profile-follow {{shown ? 'shown' : ''}}">
   <IconButton
-    label="{{followLabel}}"
-    href="{{followIcon}}"
+    label={{followLabel}}
+    href={{followIcon}}
     pressable="true"
-    pressed="{{following}}"
+    pressed={{following}}
     big="true"
     on:click="onFollowButtonClick(event)"
     ref:icon
diff --git a/routes/_components/profile/AccountProfileHeader.html b/routes/_components/profile/AccountProfileHeader.html
index 43463fe..6ff3e83 100644
--- a/routes/_components/profile/AccountProfileHeader.html
+++ b/routes/_components/profile/AccountProfileHeader.html
@@ -2,7 +2,7 @@
   <Avatar :account size="big" />
 </div>
 <div class="account-profile-name">
-  <ExternalLink href="{{account.url}}"
+  <ExternalLink href={{account.url}}
                 showIcon="true"
                 normalIconColor="true"
                 ariaLabel="{{account.display_name || account.acct}} (opens in new window)"
diff --git a/routes/_components/pseudoVirtualList/PseudoVirtualList.html b/routes/_components/pseudoVirtualList/PseudoVirtualList.html
index f67077a..cbd86cf 100644
--- a/routes/_components/pseudoVirtualList/PseudoVirtualList.html
+++ b/routes/_components/pseudoVirtualList/PseudoVirtualList.html
@@ -1,15 +1,15 @@
 <div class="pseudo-virtual-list" on:initialized ref:node>
   {{#each wrappedItems as wrappedItem, i @item}}
     <PseudoVirtualListLazyItem
-      component="{{component}}"
-      index="{{i}}"
-      length="{{wrappedItems.length}}"
-      makeProps="{{makeProps}}"
-      key="{{wrappedItem.item}}"
-      intersectionObserver="{{intersectionObserver}}"
-      isIntersecting="{{isIntersecting(wrappedItem.item, $intersectionStates)}}"
-      isCached="{{isCached(wrappedItem.item, $intersectionStates)}}"
-      height="{{getHeight(wrappedItem.item, $intersectionStates)}}"
+      component={{component}}
+      index={{i}}
+      length={{wrappedItems.length}}
+      makeProps={{makeProps}}
+      key={{wrappedItem.item}}
+      intersectionObserver={{intersectionObserver}}
+      isIntersecting={{isIntersecting(wrappedItem.item, $intersectionStates)}}
+      isCached={{isCached(wrappedItem.item, $intersectionStates)}}
+      height={{getHeight(wrappedItem.item, $intersectionStates)}}
     />
   {{/each}}
 </div>
diff --git a/routes/_components/pseudoVirtualList/PseudoVirtualListItem.html b/routes/_components/pseudoVirtualList/PseudoVirtualListItem.html
index 15dcc83..019145d 100644
--- a/routes/_components/pseudoVirtualList/PseudoVirtualListItem.html
+++ b/routes/_components/pseudoVirtualList/PseudoVirtualListItem.html
@@ -1,13 +1,13 @@
 <div class="pseudo-virtual-list-item"
-     aria-hidden="{{hide}}"
-     pseudo-virtual-list-key="{{key}}"
+     aria-hidden={{hide}}
+     pseudo-virtual-list-key={{key}}
      style="height: {{shouldHide ? `${height}px` : ''}};"
      ref:node>
   {{#if !shouldHide}}
     <:Component {component}
-                virtualProps="{{props}}"
-                virtualIndex="{{index}}"
-                virtualLength="{{length}}"
+                virtualProps={{props}}
+                virtualIndex={{index}}
+                virtualLength={{length}}
     />
   {{/if}}
 </div>
diff --git a/routes/_components/search/AccountSearchResult.html b/routes/_components/search/AccountSearchResult.html
index 2ece5c2..dd5a1d6 100644
--- a/routes/_components/search/AccountSearchResult.html
+++ b/routes/_components/search/AccountSearchResult.html
@@ -11,9 +11,9 @@
       <div class="search-result-account-buttons">
         {{#each actions as action}}
           <IconButton
-            label="{{action.label}}"
+            label={{action.label}}
             on:click="onButtonClick(event, action, account.id)"
-            href="{{action.icon}}"
+            href={{action.icon}}
             big="true"
           />
         {{/each}}
diff --git a/routes/_components/search/Search.html b/routes/_components/search/Search.html
index ce43b36..a029526 100644
--- a/routes/_components/search/Search.html
+++ b/routes/_components/search/Search.html
@@ -7,7 +7,7 @@
            required
            bind:value="$queryInSearch">
   </div>
-  <button type="submit" class="primary search-button" aria-label="Search" disabled="{{$searchLoading}}">
+  <button type="submit" class="primary search-button" aria-label="Search" disabled={{$searchLoading}}>
     <svg class="search-button-svg">
       <use xlink:href="#fa-search" />
     </svg>
diff --git a/routes/_components/search/SearchResult.html b/routes/_components/search/SearchResult.html
index ee3b03a..bd3957b 100644
--- a/routes/_components/search/SearchResult.html
+++ b/routes/_components/search/SearchResult.html
@@ -1,5 +1,5 @@
 <li class="search-result">
-  <a href="{{href}}" class="search-result-anchor">
+  <a href={{href}} class="search-result-anchor">
     <slot></slot>
   </a>
 </li>
diff --git a/routes/_components/search/SearchResults.html b/routes/_components/search/SearchResults.html
index 362eab7..5ae1634 100644
--- a/routes/_components/search/SearchResults.html
+++ b/routes/_components/search/SearchResults.html
@@ -6,7 +6,7 @@
     <AccountSearchResult :account />
   {{/each}}
   {{#each $searchResults.statuses as status, index}}
-  <StatusSearchResult :status :index length="{{$searchResults.statuses.length}}"/>
+  <StatusSearchResult :status :index length={{$searchResults.statuses.length}}/>
   {{/each}}
 </ul>
 <style>
diff --git a/routes/_components/search/StatusSearchResult.html b/routes/_components/search/StatusSearchResult.html
index f3f1610..24a7ada 100644
--- a/routes/_components/search/StatusSearchResult.html
+++ b/routes/_components/search/StatusSearchResult.html
@@ -1,7 +1,7 @@
 <SearchResult href="/statuses/{{status.id}}">
   <Status :index :length
           timelineType="search" timelineValue="search"
-          status="{{status}}" />
+          status={{status}} />
 </SearchResult>
 <style>
 </style>
diff --git a/routes/_components/settings/SettingsList.html b/routes/_components/settings/SettingsList.html
index 062c01d..08a4625 100644
--- a/routes/_components/settings/SettingsList.html
+++ b/routes/_components/settings/SettingsList.html
@@ -1,6 +1,6 @@
 <div class="settings-list-wrapper">
   {{#if label}}
-  <ul class="settings-list" aria-label="{{label}}">
+  <ul class="settings-list" aria-label={{label}}>
     <slot></slot>
   </ul>
   {{else}}
diff --git a/routes/_components/settings/SettingsListItem.html b/routes/_components/settings/SettingsListItem.html
index f9f312b..1493ada 100644
--- a/routes/_components/settings/SettingsListItem.html
+++ b/routes/_components/settings/SettingsListItem.html
@@ -2,15 +2,15 @@
   <a :href>
     {{#if icon}}
     <svg class="settings-list-item-svg">
-      <use xlink:href="{{icon}}" />
+      <use xlink:href={{icon}} />
     </svg>
     {{/if}}
     {{#if ariaLabel}}
-    <span aria-label="{{ariaLabel}}" class="{{offsetForIcon ? 'offset-for-icon' : ''}}">
+    <span aria-label={{ariaLabel}} class={{offsetForIcon ? 'offset-for-icon' : ''}}>
       {{label}}
     </span>
     {{else}}
-    <span class="{{offsetForIcon ? 'offset-for-icon' : ''}}">
+    <span class={{offsetForIcon ? 'offset-for-icon' : ''}}>
       {{label}}
     </span>
     {{/if}}
diff --git a/routes/_components/settings/SettingsNav.html b/routes/_components/settings/SettingsNav.html
index 445e97f..fa123d1 100644
--- a/routes/_components/settings/SettingsNav.html
+++ b/routes/_components/settings/SettingsNav.html
@@ -2,11 +2,11 @@
   <ul>
     {{#each navItems as navItem}}
     <li>
-      <SettingsNavItem :page name="{{navItem.name}}" href="{{navItem.href}}" label="{{navItem.label}}" />
+      <SettingsNavItem :page name={{navItem.name}} href={{navItem.href}} label={{navItem.label}} />
     </li>
     {{/each}}
     <li>
-      <SettingsNavItem :page name="{{page}}" href="/{{page}}" :label />
+      <SettingsNavItem :page name={{page}} href="/{{page}}" :label />
     </li>
   </ul>
 </nav>
diff --git a/routes/_components/settings/SettingsNavItem.html b/routes/_components/settings/SettingsNavItem.html
index e99cd1f..24e04d7 100644
--- a/routes/_components/settings/SettingsNavItem.html
+++ b/routes/_components/settings/SettingsNavItem.html
@@ -1,4 +1,7 @@
-<a class='settings-nav-item {{getCurrentClass(page, name)}}' aria-label='{{getAriaLabel(page, name, label)}}' href='{{href}}'>
+<a class="settings-nav-item {{getCurrentClass(page, name)}}"
+   aria-label={{getAriaLabel(page, name, label)}}
+   :href
+>
   {{label}}
 </a>
 <style>
diff --git a/routes/_components/status/Media.html b/routes/_components/status/Media.html
index 75cf33e..cbcfb68 100644
--- a/routes/_components/status/Media.html
+++ b/routes/_components/status/Media.html
@@ -2,59 +2,59 @@
   <button type="button"
           class="play-video-button"
           aria-label="Play video: {{description}}"
-          delegate-key="{{delegateKey}}"
+          delegate-key={{delegateKey}}
           style="width: {{inlineWidth}}px; height: {{inlineHeight}}px;">
     <PlayVideoIcon />
     <LazyImage
-      alt="{{description}}"
-      title="{{description}}"
-      src="{{previewUrl}}"
-      fallback="{{oneTransparentPixel}}"
-      width="{{inlineWidth}}"
-      height="{{inlineHeight}}"
+      alt={{description}}
+      title={{description}}
+      src={{previewUrl}}
+      fallback={{oneTransparentPixel}}
+      width={{inlineWidth}}
+      height={{inlineHeight}}
       background="var(--loading-bg)"
-      className="{{noNativeWidthHeight ? 'no-native-width-height' : ''}}"
+      className={{noNativeWidthHeight ? 'no-native-width-height' : ''}}
     />
   </button>
 {{else}}
   <button type="button"
           class="show-image-button"
           aria-label="Show image: {{description}}"
-          title="{{description}}"
-          delegate-key="{{delegateKey}}"
+          title={{description}}
+          delegate-key={{delegateKey}}
           on:mouseover="set({mouseover: event})"
           style="width: {{inlineWidth}}px; height: {{inlineHeight}}px;"
   >
   {{#if type === 'gifv' && $autoplayGifs}}
     <AutoplayVideo
-      className="{{noNativeWidthHeight ? 'no-native-width-height' : ''}}"
+      className={{noNativeWidthHeight ? 'no-native-width-height' : ''}}
       ariaLabel="Animated GIF: {{description}}"
-      poster="{{previewUrl}}"
-      src="{{url}}"
-      width="{{inlineWidth}}"
-      height="{{inlineHeight}}"
+      poster={{previewUrl}}
+      src={{url}}
+      width={{inlineWidth}}
+      height={{inlineHeight}}
     />
   {{elseif type === 'gifv' && !$autoplayGifs}}
     <NonAutoplayGifv
-      class="{{noNativeWidthHeight ? 'no-native-width-height' : ''}}"
+      class={{noNativeWidthHeight ? 'no-native-width-height' : ''}}
       label="Animated GIF: {{description}}"
-      poster="{{previewUrl}}"
-      src="{{url}}"
-      staticSrc="{{previewUrl}}"
-      width="{{inlineWidth}}"
-      height="{{inlineHeight}}"
-      playing="{{mouseover}}"
+      poster={{previewUrl}}
+      src={{url}}
+      staticSrc={{previewUrl}}
+      width={{inlineWidth}}
+      height={{inlineHeight}}
+      playing={{mouseover}}
     />
   {{else}}
     <LazyImage
-      alt="{{description}}"
-      title="{{description}}"
-      src="{{previewUrl}}"
-      fallback="{{oneTransparentPixel}}"
-      width="{{inlineWidth}}"
-      height="{{inlineHeight}}"
+      alt={{description}}
+      title={{description}}
+      src={{previewUrl}}
+      fallback={{oneTransparentPixel}}
+      width={{inlineWidth}}
+      height={{inlineHeight}}
       background="var(--loading-bg)"
-      className="{{noNativeWidthHeight ? 'no-native-width-height' : ''}}"
+      className={{noNativeWidthHeight ? 'no-native-width-height' : ''}}
     />
   {{/if}}
 </button>
diff --git a/routes/_components/status/Notification.html b/routes/_components/status/Notification.html
index adce36a..cf498cc 100644
--- a/routes/_components/status/Notification.html
+++ b/routes/_components/status/Notification.html
@@ -1,13 +1,13 @@
 {{#if notification.type === 'mention' || notification.type === 'reblog' || notification.type === 'favourite'}}
   <Status :index :length :timelineType :timelineValue :focusSelector
-          status="{{notification.status}}"
+          status={{notification.status}}
           :notification
           on:recalculateHeight
   />
 {{else}}
   <article class="notification-article"
            tabindex="0"
-           aria-posinset="{{index}}" aria-setsize="{{length}}" >
+           aria-posinset={{index}} aria-setsize={{length}} >
     <StatusHeader :notification :notificationId :status :statusId :timelineType
                   :account :accountId :uuid isStatusInNotification="true" />
   </article>
diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html
index fdfde44..2dda64e 100644
--- a/routes/_components/status/Status.html
+++ b/routes/_components/status/Status.html
@@ -1,10 +1,10 @@
-<article class="{{className}}"
+<article class={{className}}
          tabindex="0"
-         delegate-key="{{delegateKey}}"
-         focus-key="{{delegateKey}}"
-         aria-posinset="{{index}}"
-         aria-setsize="{{length}}"
-         aria-label="{{ariaLabel}}"
+         delegate-key={{delegateKey}}
+         focus-key={{delegateKey}}
+         aria-posinset={{index}}
+         aria-setsize={{length}}
+         aria-label={{ariaLabel}}
          on:recalculateHeight>
   {{#if showHeader}}
     <StatusHeader {{...params}} />
@@ -19,7 +19,7 @@
     <StatusSpoiler {{...params}} on:recalculateHeight />
   {{/if}}
   {{#if showContent || contentPreloaded}}
-    <StatusContent {{...params}} shown="{{showContent}}"/>
+    <StatusContent {{...params}} shown={{showContent}}/>
   {{/if}}
   {{#if showMedia }}
     <StatusMediaAttachments {{...params}} on:recalculateHeight />
diff --git a/routes/_components/status/StatusAuthorName.html b/routes/_components/status/StatusAuthorName.html
index fc00e45..58c46cf 100644
--- a/routes/_components/status/StatusAuthorName.html
+++ b/routes/_components/status/StatusAuthorName.html
@@ -1,7 +1,7 @@
 <a class="status-author-name {{isStatusInNotification ? 'status-in-notification' : '' }} {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}"
    href="/accounts/{{originalAccountId}}"
    title="{{'@' + originalAccount.acct}}"
-   focus-key="{{focusKey}}"
+   focus-key={{focusKey}}
 >
   {{originalAccount.display_name || originalAccount.username}}
 </a>
diff --git a/routes/_components/status/StatusComposeBox.html b/routes/_components/status/StatusComposeBox.html
index fedfa8e..c86c283 100644
--- a/routes/_components/status/StatusComposeBox.html
+++ b/routes/_components/status/StatusComposeBox.html
@@ -1,12 +1,12 @@
 <div class="status-article-compose-box">
-  <ComposeBox realm="{{originalStatusId}}"
+  <ComposeBox realm={{originalStatusId}}
               size="slim"
               autoFocus="true"
               hideBottomBorder="true"
               isReply="true"
-              replyVisibility="{{visibility}}"
-              replySpoiler="{{spoilerText}}"
-              inReplyToUuid="{{uuid}}"
+              replyVisibility={{visibility}}
+              replySpoiler={{spoilerText}}
+              inReplyToUuid={{uuid}}
   />
 </div>
 <style>
diff --git a/routes/_components/status/StatusContent.html b/routes/_components/status/StatusContent.html
index 465dff9..dd69847 100644
--- a/routes/_components/status/StatusContent.html
+++ b/routes/_components/status/StatusContent.html
@@ -1,4 +1,4 @@
-<div class="{{computedClass}}" ref:node>
+<div class={{computedClass}} ref:node>
     {{{massagedContent}}}
 </div>
 <style>
diff --git a/routes/_components/status/StatusDetails.html b/routes/_components/status/StatusDetails.html
index d46e0cb..17a2913 100644
--- a/routes/_components/status/StatusDetails.html
+++ b/routes/_components/status/StatusDetails.html
@@ -1,14 +1,14 @@
 <div class="status-details">
   <ExternalLink className="status-absolute-date"
-                href="{{originalStatus.url}}"
+                href={{originalStatus.url}}
                 showIcon="true"
                 ariaLabel="{{formattedDate}} (opens in new window)"
   >
-    <time datetime={{createdAtDate}} title="{{formattedDate}}">{{formattedDate}}</time>
+    <time datetime={{createdAtDate}} title={{formattedDate}}>{{formattedDate}}</time>
   </ExternalLink>
   <a class="status-favs-reblogs"
      href="/statuses/{{originalStatusId}}/reblogs"
-     aria-label="{{reblogsLabel}}">
+     aria-label={{reblogsLabel}}>
     <svg class="status-favs-reblogs-svg">
       <use xlink:href="#fa-retweet"/>
     </svg>
@@ -16,7 +16,7 @@
   </a>
   <a class="status-favs-reblogs"
      href="/statuses/{{originalStatusId}}/favorites"
-     aria-label="{{favoritesLabel}}">
+     aria-label={{favoritesLabel}}>
     <svg class="status-favs-reblogs-svg">
       <use xlink:href="#fa-star" />
     </svg>
diff --git a/routes/_components/status/StatusHeader.html b/routes/_components/status/StatusHeader.html
index 66a1116..d242c4d 100644
--- a/routes/_components/status/StatusHeader.html
+++ b/routes/_components/status/StatusHeader.html
@@ -3,7 +3,7 @@
     <Avatar :account size="extra-small"/>
   </div>
   <svg class="status-header-svg">
-    <use xlink:href="{{icon}}"/>
+    <use xlink:href={{icon}}/>
   </svg>
   <span class="status-header-span">
     {{#if timelineType === 'pinned'}}
@@ -12,7 +12,7 @@
       <a href="/accounts/{{accountId}}"
          class="status-header-a"
          title="{{'@' + account.acct}}"
-         focus-key="{{focusKey}}" >
+         focus-key={{focusKey}} >
         {{account.display_name || account.username}}
       </a>
       {{#if notification && notification.type === 'reblog'}}
diff --git a/routes/_components/status/StatusMediaAttachments.html b/routes/_components/status/StatusMediaAttachments.html
index afb6a4c..f1ba5f4 100644
--- a/routes/_components/status/StatusMediaAttachments.html
+++ b/routes/_components/status/StatusMediaAttachments.html
@@ -5,7 +5,7 @@
   <button type="button"
           class="status-sensitive-media-button"
           aria-label="Hide sensitive media"
-          delegate-key="{{delegateKey}}" >
+          delegate-key={{delegateKey}} >
     <div class="svg-wrapper">
       <svg class="status-sensitive-media-svg">
         <use xlink:href="#fa-eye-slash" />
@@ -17,7 +17,7 @@
     <button type="button"
             class="status-sensitive-media-button"
             aria-label="Show sensitive media"
-            delegate-key="{{delegateKey}}" >
+            delegate-key={{delegateKey}} >
 
       <div class="status-sensitive-media-warning">
         <span>Sensitive content. Click to show.</span>
diff --git a/routes/_components/status/StatusRelativeDate.html b/routes/_components/status/StatusRelativeDate.html
index ecfe4f7..7243c97 100644
--- a/routes/_components/status/StatusRelativeDate.html
+++ b/routes/_components/status/StatusRelativeDate.html
@@ -1,8 +1,8 @@
 <a class="status-relative-date {{isStatusInNotification ? 'status-in-notification' : '' }}"
    href="/statuses/{{originalStatusId}}"
-   focus-key="{{focusKey}}"
+   focus-key={{focusKey}}
 >
-  <time datetime={{createdAtDate}} title="{{relativeDate}}"
+  <time datetime={{createdAtDate}} title={{relativeDate}}
         aria-label="{{relativeDate}} – click to show thread">
     {{relativeDate}}
   </time>
diff --git a/routes/_components/status/StatusSidebar.html b/routes/_components/status/StatusSidebar.html
index 42f47f6..f8e93c9 100644
--- a/routes/_components/status/StatusSidebar.html
+++ b/routes/_components/status/StatusSidebar.html
@@ -1,6 +1,6 @@
 <a class="status-sidebar size-{{size}}"
    href="/accounts/{{originalAccountId}}"
-   focus-key="{{focusKey}}"
+   focus-key={{focusKey}}
    aria-hidden="true"
 >
   <Avatar account={{originalAccount}}
diff --git a/routes/_components/status/StatusSpoiler.html b/routes/_components/status/StatusSpoiler.html
index ff4d307..3572932 100644
--- a/routes/_components/status/StatusSpoiler.html
+++ b/routes/_components/status/StatusSpoiler.html
@@ -2,7 +2,7 @@
   <p>{{{massagedSpoilerText}}}</p>
 </div>
 <div class="status-spoiler-button {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}">
-  <button type="button" delegate-key="{{delegateKey}}">
+  <button type="button" delegate-key={{delegateKey}}>
     {{spoilerShown ? 'Show less' : 'Show more'}}
   </button>
 </div>
diff --git a/routes/_components/status/StatusToolbar.html b/routes/_components/status/StatusToolbar.html
index c9b3910..fa4306f 100644
--- a/routes/_components/status/StatusToolbar.html
+++ b/routes/_components/status/StatusToolbar.html
@@ -1,34 +1,34 @@
 <div class="status-toolbar {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}" ref:node>
   <IconButton
     className="status-toolbar-reply-button"
-    label="{{replyLabel}}"
+    label={{replyLabel}}
     pressable="true"
-    pressed="{{replyShown}}"
+    pressed={{replyShown}}
     href="#fa-reply"
-    delegateKey="{{replyKey}}"
-    focusKey="{{replyKey}}"
+    delegateKey={{replyKey}}
+    focusKey={{replyKey}}
     />
   <IconButton
-    label="{{reblogLabel}}"
-    pressable="{{!reblogDisabled}}"
-    pressed="{{reblogged}}"
-    disabled="{{reblogDisabled}}"
-    href="{{reblogIcon}}"
-    delegateKey="{{reblogKey}}"
+    label={{reblogLabel}}
+    pressable={{!reblogDisabled}}
+    pressed={{reblogged}}
+    disabled={{reblogDisabled}}
+    href={{reblogIcon}}
+    delegateKey={{reblogKey}}
     ref:reblogIcon
   />
   <IconButton
     label="Favorite"
     pressable="true"
-    pressed="{{favorited}}"
+    pressed={{favorited}}
     href="#fa-star"
-    delegateKey="{{favoriteKey}}"
+    delegateKey={{favoriteKey}}
     ref:favoriteIcon
   />
   <IconButton
     label="Show more options"
     href="#fa-ellipsis-h"
-    delegateKey="{{optionsKey}}"
+    delegateKey={{optionsKey}}
   />
 </div>
 <style>
diff --git a/routes/_components/timeline/MoreHeaderVirtualWrapper.html b/routes/_components/timeline/MoreHeaderVirtualWrapper.html
index 9043c44..7d7b476 100644
--- a/routes/_components/timeline/MoreHeaderVirtualWrapper.html
+++ b/routes/_components/timeline/MoreHeaderVirtualWrapper.html
@@ -1,5 +1,5 @@
-<MoreHeader count="{{virtualProps.count}}"
-            onClick="{{virtualProps.onClick}}"
+<MoreHeader count={{virtualProps.count}}
+            onClick={{virtualProps.onClick}}
 />
 <script>
   import MoreHeader from './MoreHeader.html'
diff --git a/routes/_components/timeline/NotificationVirtualListItem.html b/routes/_components/timeline/NotificationVirtualListItem.html
index 04bd5b8..6bf3ba6 100644
--- a/routes/_components/timeline/NotificationVirtualListItem.html
+++ b/routes/_components/timeline/NotificationVirtualListItem.html
@@ -1,10 +1,10 @@
 <Notification
-  notification="{{virtualProps.notification}}"
-  timelineType="{{virtualProps.timelineType}}"
-  timelineValue="{{virtualProps.timelineValue}}"
-  focusSelector="{{virtualProps.focusSelector}}"
-  index="{{virtualIndex}}"
-  length="{{virtualLength}}"
+  notification={{virtualProps.notification}}
+  timelineType={{virtualProps.timelineType}}
+  timelineValue={{virtualProps.timelineValue}}
+  focusSelector={{virtualProps.focusSelector}}
+  index={{virtualIndex}}
+  length={{virtualLength}}
   on:recalculateHeight />
 <script>
   import Notification from '../status/Notification.html'
diff --git a/routes/_components/timeline/PinnedStatuses.html b/routes/_components/timeline/PinnedStatuses.html
index 7112dd2..c2f52b1 100644
--- a/routes/_components/timeline/PinnedStatuses.html
+++ b/routes/_components/timeline/PinnedStatuses.html
@@ -2,9 +2,9 @@
   {{#each pinnedStatuses as status, index @id}}
     <Status :status
             timelineType="pinned"
-            timelineValue="{{accountId}}"
+            timelineValue={{accountId}}
             :index
-            length="{{pinnedStatuses.length}}"
+            length={{pinnedStatuses.length}}
     />
   {{/each}}
 </div>
diff --git a/routes/_components/timeline/StatusVirtualListItem.html b/routes/_components/timeline/StatusVirtualListItem.html
index 64a14a5..94b2a20 100644
--- a/routes/_components/timeline/StatusVirtualListItem.html
+++ b/routes/_components/timeline/StatusVirtualListItem.html
@@ -1,9 +1,9 @@
-<Status status="{{virtualProps.status}}"
-        timelineType="{{virtualProps.timelineType}}"
-        timelineValue="{{virtualProps.timelineValue}}"
-        focusSelector="{{virtualProps.focusSelector}}"
-        index="{{virtualIndex}}"
-        length="{{virtualLength}}"
+<Status status={{virtualProps.status}}
+        timelineType={{virtualProps.timelineType}}
+        timelineValue={{virtualProps.timelineValue}}
+        focusSelector={{virtualProps.focusSelector}}
+        index={{virtualIndex}}
+        length={{virtualLength}}
         on:recalculateHeight />
 <script>
   import Status from '../status/Status.html'
diff --git a/routes/_components/timeline/Timeline.html b/routes/_components/timeline/Timeline.html
index 6e96599..0cc4cfd 100644
--- a/routes/_components/timeline/Timeline.html
+++ b/routes/_components/timeline/Timeline.html
@@ -7,15 +7,15 @@
   {{#await componentsPromise}}
   {{then result}}
     <:Component {result.listComponent}
-                component="{{result.listItemComponent}}"
+                component={{result.listItemComponent}}
                 realm="{{$currentInstance + '/' + timeline}}"
                 containerQuery=".container"
                 :makeProps
-                items="{{$timelineItemIds}}"
-                showFooter="{{$timelineInitialized && $runningUpdate}}"
-                footerComponent="{{LoadingFooter}}"
-                showHeader="{{$showHeader}}"
-                headerComponent="{{MoreHeaderVirtualWrapper}}"
+                items={{$timelineItemIds}}
+                showFooter={{$timelineInitialized && $runningUpdate}}
+                footerComponent={{LoadingFooter}}
+                showHeader={{$showHeader}}
+                headerComponent={{MoreHeaderVirtualWrapper}}
                 :headerProps
                 :scrollToItem
                 on:scrollToBottom="onScrollToBottom()"
diff --git a/routes/_components/virtualList/VirtualList.html b/routes/_components/virtualList/VirtualList.html
index b8cfb7e..fe7ff1e 100644
--- a/routes/_components/virtualList/VirtualList.html
+++ b/routes/_components/virtualList/VirtualList.html
@@ -2,19 +2,19 @@
   <div class="virtual-list"
        style="height: {{$height}}px;"
        ref:node >
-    <VirtualListHeader component="{{headerComponent}}" virtualProps="{{headerProps}}" shown="{{$showHeader}}"/>
+    <VirtualListHeader component={{headerComponent}} virtualProps={{headerProps}} shown={{$showHeader}}/>
     {{#if $visibleItems}}
       {{#each $visibleItems as visibleItem @key}}
         <VirtualListLazyItem :component
-                             offset="{{visibleItem.offset}}"
-                             makeProps="{{makeProps}}"
-                             key="{{visibleItem.key}}"
-                             index="{{visibleItem.index}}"
+                             offset={{visibleItem.offset}}
+                             makeProps={{makeProps}}
+                             key={{visibleItem.key}}
+                             index={{visibleItem.index}}
         />
       {{/each}}
     {{/if}}
     {{#if $showFooter}}
-      <VirtualListFooter component="{{footerComponent}}" />
+      <VirtualListFooter component={{footerComponent}} />
     {{/if}}
   </div>
 </VirtualListContainer>
diff --git a/routes/_components/virtualList/VirtualListItem.html b/routes/_components/virtualList/VirtualListItem.html
index e7e4a47..c36d6c2 100644
--- a/routes/_components/virtualList/VirtualListItem.html
+++ b/routes/_components/virtualList/VirtualListItem.html
@@ -1,12 +1,12 @@
 <div class="virtual-list-item {{shown ? 'shown' : ''}}"
-     aria-hidden="{{!shown}}"
-     virtual-list-key="{{key}}"
+     aria-hidden={{!shown}}
+     virtual-list-key={{key}}
      ref:node
      style="transform: translateY({{offset}}px);" >
   <:Component {component}
-              virtualProps="{{props}}"
-              virtualIndex="{{index}}"
-              virtualLength="{{$length}}"
+              virtualProps={{props}}
+              virtualIndex={{index}}
+              virtualLength={{$length}}
               on:recalculateHeight="doRecalculateHeight()"/>
 </div>
 <style>
diff --git a/routes/_pages/accounts/[accountId].html b/routes/_pages/accounts/[accountId].html
index 12c3b4d..e6b1ff8 100644
--- a/routes/_pages/accounts/[accountId].html
+++ b/routes/_pages/accounts/[accountId].html
@@ -2,12 +2,12 @@
   <TimelinePage timeline="account/{{params.accountId}}">
     <DynamicPageBanner title="" />
     {{#if $currentAccountProfile && $currentVerifyCredentials}}
-    <AccountProfile account="{{$currentAccountProfile}}"
-                    relationship="{{$currentAccountRelationship}}"
-                    verifyCredentials="{{$currentVerifyCredentials}}"
+    <AccountProfile account={{$currentAccountProfile}}
+                    relationship={{$currentAccountRelationship}}
+                    verifyCredentials={{$currentVerifyCredentials}}
     />
     {{/if}}
-    <PinnedStatuses accountId="{{params.accountId}}" />
+    <PinnedStatuses accountId={{params.accountId}} />
   </TimelinePage>
 {{else}}
   <HiddenFromSSR>
diff --git a/routes/_pages/community/index.html b/routes/_pages/community/index.html
index 1182fdc..18d0688 100644
--- a/routes/_pages/community/index.html
+++ b/routes/_pages/community/index.html
@@ -32,7 +32,7 @@
     <PageList label="Lists">
       {{#each $lists as list}}
       <PageListItem href="/lists/{{list.id}}"
-                    label="{{list.title}}"
+                    label={{list.title}}
                     icon="#fa-bars"
                     pinnable="true"
       />
diff --git a/routes/_pages/lists/[listId].html b/routes/_pages/lists/[listId].html
index c6078a0..7d7dbc7 100644
--- a/routes/_pages/lists/[listId].html
+++ b/routes/_pages/lists/[listId].html
@@ -1,7 +1,7 @@
 {{#if $isUserLoggedIn}}
   <TimelinePage timeline="list/{{params.listId}}">
     {{#if $pinnedPage !== `/lists/${params.listId}`}}
-      <DynamicPageBanner title="{{listTitle}}" icon="#fa-bars"/>
+      <DynamicPageBanner title={{listTitle}} icon="#fa-bars"/>
     {{/if}}
   </TimelinePage>
 {{else}}
diff --git a/routes/_pages/pinned.html b/routes/_pages/pinned.html
index 232fe90..8fba787 100644
--- a/routes/_pages/pinned.html
+++ b/routes/_pages/pinned.html
@@ -5,7 +5,7 @@
   {{elseif statuses && statuses.length}}
   <ul class="pinned-toots-results">
     {{#each statuses as status, index}}
-    <StatusSearchResult :status :index length="{{statuses.length}}" />
+    <StatusSearchResult :status :index length={{statuses.length}} />
     {{/each}}
   </ul>
   {{/if}}
diff --git a/routes/_pages/settings/instances/[instanceName].html b/routes/_pages/settings/instances/[instanceName].html
index 73b0e62..f94d3e3 100644
--- a/routes/_pages/settings/instances/[instanceName].html
+++ b/routes/_pages/settings/instances/[instanceName].html
@@ -1,12 +1,12 @@
-<SettingsLayout page='settings/instances/{{params.instanceName}}' label="{{params.instanceName}}">
+<SettingsLayout page='settings/instances/{{params.instanceName}}' label={{params.instanceName}}>
   <h1 class="instance-name-h1">{{params.instanceName}}</h1>
 
   {{#if verifyCredentials}}
     <h2>Logged in as:</h2>
     <div class="acct-current-user">
-      <Avatar account="{{verifyCredentials}}" className="acct-avatar" size="big"/>
+      <Avatar account={{verifyCredentials}} className="acct-avatar" size="big"/>
       <ExternalLink className="acct-handle"
-                    href="{{verifyCredentials.url}}">
+                    href={{verifyCredentials.url}}>
         {{'@' + verifyCredentials.acct}}
       </ExternalLink>
       <span class="acct-display-name">{{verifyCredentials.display_name || verifyCredentials.acct}}</span>
@@ -16,7 +16,7 @@
       {{#each themes as theme}}
         <div class="theme-group">
           <input type="radio" id="choice-theme-{{theme.name}}"
-                 value="{{theme.name}}" checked="$currentTheme === theme.name"
+                 value={{theme.name}} checked="$currentTheme === theme.name"
                  bind:group="selectedTheme" on:change="onThemeChange()">
           <label for="choice-theme-{{theme.name}}">{{theme.label}}</label>
         </div>
diff --git a/routes/_pages/settings/instances/add.html b/routes/_pages/settings/instances/add.html
index 17f36a6..89ae50a 100644
--- a/routes/_pages/settings/instances/add.html
+++ b/routes/_pages/settings/instances/add.html
@@ -20,7 +20,7 @@
            bind:value='$instanceNameInSearch' placeholder='' required
     >
     <button class="primary" type="submit" id="submitButton"
-            disabled="{{!$instanceNameInSearch || $logInToInstanceLoading}}">
+            disabled={{!$instanceNameInSearch || $logInToInstanceLoading}}>
       Add instance
     </button>
   </form>
diff --git a/routes/_pages/settings/instances/index.html b/routes/_pages/settings/instances/index.html
index 3979940..14d292c 100644
--- a/routes/_pages/settings/instances/index.html
+++ b/routes/_pages/settings/instances/index.html
@@ -5,10 +5,10 @@
   <p>Instances you've logged in to:</p>
   <SettingsList label="Instances">
     {{#each $loggedInInstancesAsList as instance}}
-      <SettingsListItem offsetForIcon="{{instance.name !== $currentInstance}}"
-                        icon="{{instance.name === $currentInstance ? '#fa-star' : ''}}"
+      <SettingsListItem offsetForIcon={{instance.name !== $currentInstance}}
+                        icon={{instance.name === $currentInstance ? '#fa-star' : ''}}
                         href="/settings/instances/{{instance.name}}"
-                        label="{{instance.name}}"
+                        label={{instance.name}}
                         ariaLabel="{{instance.name}} {{instance.name === $currentInstance ? '(current instance)' : ''}}" />
     {{/each}}
   </SettingsList>