📝 (about) add an about page

src/components/WelcomeWorld.vue

@@ -98,7 +98,7 @@
 
     <footer>
       <p>
-        This web app is clearly inspired by
+        This web app was inspired by
         <a
           href="https://notes.andymatuschak.org/About_these_notes"
           target="_blank"
@@ -115,6 +115,8 @@
           rel="noopener noreferrer"
           >Julien</a
         >
+        |
+        <router-link :to="{ name: 'About' }">about</router-link>
       </p>
     </footer>
   </div>

src/views/About.vue

@@ -1,5 +1,39 @@
 <template>
-  <div class="about">
-    <h1>This is an about page</h1>
+  <div class="about content">
+    <h1 class="title is-1">Lite Note</h1>
+    <go-back />
+    <hr />
+    <main>
+      Work in progress:
+      <ol>
+        <li>offline notes ⏳</li>
+        <li>full path resolver between notes</li>
+        <li>draft & "note on the fly" folders</li>
+        <li>login with GitHub "Personal Access Token" tutorial</li>
+        <li>private & public notes tutorial</li>
+        <li>
+          custom settings:
+          <ul>
+            <li>light & dark modes</li>
+            <li>font families</li>
+          </ul>
+        </li>
+      </ol>
+    </main>
   </div>
 </template>
+
+<script lang="ts">
+import GoBack from '@/components/GoBack.vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: { GoBack }
+})
+</script>
+
+<style lang="scss" scoped>
+.about {
+  padding: 1rem;
+}
+</style>