Style changes

Author: lorensr

README.md

@@ -1,6 +1,6 @@
 ## Chapter 7: Vue
 
-Numbered branches (`0` and up) have the most up-to-date code (often newer than the most recent published revision of the book). When code has changed between book revisions, a new code version is created, and each branch is tagged, with the naming format `[step]_[version]`. For instance, revision `r7` of the book was published with version `1.0.0` of this repo, so the tag for step 2 was [`2_1.0.0`](https://github.com/GraphQLGuide/guide-vue/releases/tag/2_1.1.0).
+Numbered branches (`0` and up) have the most up-to-date code (often newer than the most recent published revision of the book). When code has changed between book revisions, a new code version is created, and each branch is tagged, with the naming format `[step]_[version]`. For instance, revision `r6` of the book was published with version `1.0.0` of this repo, so the tag for step 2 was [`2_1.0.0`](https://github.com/GraphQLGuide/guide-vue/releases/tag/2_1.1.0).
 
 ## Supporting 
 

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
+  presets: ['@vue/cli-plugin-babel/preset']
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "guide-vue",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/SectionList.vue

@@ -48,8 +48,8 @@ export default {
     return {
       loading,
       error,
-      noSections: computed(() => sections.value.length === 1),
-      sections
+      sections,
+      noSections: computed(() => sections.value.length === 1)
     }
   }
 }

src/components/TableOfContents.vue

@@ -8,7 +8,9 @@
   <ul>
     <li v-for="chapter of chapters" :key="chapter.id">
       <a @click="updateCurrentSection(chapter.id)">
-        {{ (chapter.number ? chapter.number + '. ' : '') + chapter.title }}
+        {{
+          chapter.number ? `${chapter.number}. ${chapter.title}` : chapter.title
+        }}
       </a>
     </li>
   </ul>
@@ -31,6 +33,8 @@ export default {
     SectionList
   },
   setup() {
+    const currentSection = ref(PREFACE_ID)
+
     const { result, loading, error } = useQuery(gql`
       query ChapterList {
         chapters {
@@ -43,8 +47,6 @@ export default {
 
     const chapters = useResult(result, [])
 
-    const currentSection = ref(PREFACE_ID)
-
     return {
       loading,
       error,