move icons to public folder

src/components/FluxNote.vue

@@ -107,12 +107,12 @@ const focusREADME = () => scrollToTop()
           <em>{{ user }}</em> -
           <img
             v-show="store.isReadmeOffline"
-            src="@/assets/icons/offline.svg"
+            src="/assets/offline.svg"
             alt="offline"
           />
           <img
             v-show="!store.isReadmeOffline"
-            src="@/assets/icons/online.svg"
+            src="/assets/online.svg"
             alt="online"
           />
         </h4>

src/components/GoBack.vue

@@ -1,6 +1,6 @@
 <template>
   <button class="button is-white go-back" @click="back">
-    <img src="@/assets/icons/dark-left-arrow.svg" alt="back" />
+    <img src="/assets/dark-left-arrow.svg" alt="back" />
   </button>
 </template>
 

src/components/HeaderNote.vue

@@ -4,25 +4,25 @@
       :to="{ name: 'Home' }"
       class="button is-small is-white back-button"
     >
-      <img src="@/assets/icons/dark-left-arrow.svg" alt="go back left arrow" />
+      <img src="/assets/dark-left-arrow.svg" alt="go back left arrow" />
     </router-link>
     <router-link
       class="special-folder"
       :to="{ name: 'SpacedRepetitionCard', params: { user, repo } }"
     >
-      <img src="@/assets/icons/card.svg" alt="card" />
+      <img src="/assets/card.svg" alt="card" />
     </router-link>
     <router-link
       class="special-folder"
       :to="{ name: 'DraftNotes', params: { user, repo } }"
     >
-      <img src="@/assets/icons/draft.svg" alt="card" />
+      <img src="/assets/draft.svg" alt="card" />
     </router-link>
     <router-link
       class="special-folder"
       :to="{ name: 'FleetingNotes', params: { user, repo } }"
     >
-      <img src="@/assets/icons/mailbox.svg" alt="card" />
+      <img src="/assets/mailbox.svg" alt="card" />
     </router-link>
   </header>
 </template>

src/components/LiteLoading.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="lite-loading">
-    <img class="is-loading" src="@/assets/icons/loading.svg" alt="loading..." />
+    <img class="is-loading" src="/assets/loading.svg" alt="loading..." />
   </div>
 </template>
 

src/components/LoginGithub.vue

@@ -3,7 +3,7 @@
     <br />
     <a :href="url.toString()" target="_blank" rel="noopener noreferrer">
       login to
-      <img src="@/assets/icons/github.svg" alt="GitHub icon" />
+      <img src="/assets/github.svg" alt="GitHub icon" />
     </a>
   </div>
 </template>

src/components/SignInGithub.vue

@@ -17,7 +17,7 @@ const href = url.toString()
   <a :href="href" class="sign-in-github button is-primary">
     <span>
       Sign in with
-      <img src="@/assets/icons/github.svg" alt="GitHub" />
+      <img src="/assets/github.svg" alt="GitHub" />
     </span>
   </a>
 </template>

src/components/StackedNote.vue

@@ -127,7 +127,7 @@ watch(mode, async (newMode) => {
         :class="{ 'is-link': mode === 'edit' }"
         @click="toggleMode"
       >
-        <img src="@/assets/icons/edit.svg" alt="edit" />
+        <img src="/assets/edit.svg" alt="edit" />
       </button>
       <router-link
         v-if="false"
@@ -137,7 +137,7 @@ watch(mode, async (newMode) => {
         }"
         class="action"
       >
-        <img src="@/assets/icons/share.svg" alt="share" />
+        <img src="/assets/share.svg" alt="share" />
       </router-link>
       <div v-if="mode === 'edit'" class="edit">
         <edit-note v-model="rawContent" />

src/components/WelcomeWorld.vue

@@ -89,7 +89,7 @@
 
     <footer>
       <p>
-        Made with <img src="@/assets/icons/love.svg" alt="love" /> by
+        Made with <img src="/assets/love.svg" alt="love" /> by
         <a
           href="http://github.com/jcalixte"
           target="_blank"

src/styles/app.scss

@@ -75,7 +75,7 @@ a {
     &::after {
       margin-left: 0.2rem;
       vertical-align: text-top;
-      content: url("assets/icons/external-link.svg");
+      content: url("/assets/external-link.svg");
     }
   }
 }

src/views/FleetingNotes.vue

@@ -78,7 +78,7 @@ watch(mode, async (newMode) => {
         <div class="columns is-centered">
           <div class="column is-half is-centered">
             <button class="button is-light" @click="toggleMode">
-              <img src="@/assets/icons/saved.svg" alt="save" />
+              <img src="/assets/saved.svg" alt="save" />
             </button>
           </div>
         </div>

src/views/SpaceCowboy.vue

@@ -1,9 +1,9 @@
 <template>
   <main class="space-cowboy content">
     <p>
-      <img src="@/assets/icons/alert.svg" alt="alert" />
+      <img src="/assets/alert.svg" alt="alert" />
       Oops, you've been lost!
-      <img src="@/assets/icons/alert.svg" alt="alert" />
+      <img src="/assets/alert.svg" alt="alert" />
     </p>
     <p>A note link can't be used as URL.</p>
     <router-link class="button is-links" :to="{ name: 'Home' }"