Add button aria

README.md

@@ -1,12 +1,6 @@
-# Default starter for Gridsome
+# Gridsome Blog Starter
 `
-### 1. Install Gridsome CLI tool if you don't have
+> A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.
 
-`npm install --global @gridsome/cli`
+### Features
 
-### 2. Create a Gridsome project
-
-1. `gridsome create my-gridsome-site` to install default starter </li>
-2. `cd my-gridsome-site` to open folder
-3. `gridsome develop` to start local dev server at `http://localhost:8080`
-4. Happy coding 🎉🙌

src/components/PostMeta.vue

@@ -16,6 +16,6 @@ export default {
 <style lang="scss">
 .post-meta {
   font-size: .8em;
-  opacity: .7;
+  opacity: .8;
 }
 </style>

src/components/ToggleTheme.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click.prevent="toggleTheme" class="toggle-theme">
+  <button role="button" aria-label="Toggle dark/light" @click.prevent="toggleTheme" class="toggle-theme">
       <svg v-if="darkTheme" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
       <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
   </button>