Reformatting with prettier linting. Single quotes.

.prettierrc

@@ -1 +1,4 @@
-{ "semi": false }
+{
+  "semi": false,
+  "singleQuote": true
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "Tales",
+  "name": "tales",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -40,7 +40,7 @@
     },
     "extends": [
       "plugin:vue/vue3-essential",
-      "eslint:recommended",
+      "plugin:prettier/recommended",
       "@vue/prettier"
     ],
     "parserOptions": {

src/components/Welcome.vue

@@ -12,10 +12,10 @@
 </template>
 
 <script>
-import { SET_NAME } from "@/store/constants.js"
+import { SET_NAME } from '@/store/constants.js'
 
 export default {
-  name: "Welcome",
+  name: 'Welcome',
   props: {
     title: String
   },
@@ -43,7 +43,7 @@ export default {
       this.$refs.name.focus()
     },
     start() {
-      this.$router.push({ name: "scene", params: { id: "start" } })
+      this.$router.push({ name: 'scene', params: { id: 'start' } })
     }
   }
 }

src/views/Scene.vue

@@ -14,29 +14,26 @@
             :title="action.id"
             @click.prevent="HANDLE_ACTION(action.id)"
             :class="{ done: action.done }"
+            >{{ action.description }}</a
           >
-            {{ action.description }}
-          </a>
         </li>
         <li>
           <Player />
         </li>
       </ul>
     </div>
 
-    <div class="result" v-show="result">
-      {{ result }}
-    </div>
+    <div class="result" v-show="result">{{ result }}</div>
   </div>
 </template>
 
 <script>
-import { mapState, mapGetters, mapActions } from "vuex"
-import * as Constants from "@/store/constants"
-import Player from "@/components/Player.vue"
+import { mapState, mapGetters, mapActions } from 'vuex'
+import * as Constants from '@/store/constants'
+import Player from '@/components/Player.vue'
 
 export default {
-  name: "Scene",
+  name: 'Scene',
   components: {
     Player
   },
@@ -51,13 +48,13 @@ export default {
     const startingMoment = this.$store.getters.scene.moments[0]
     this.$store.dispatch(Constants.SET_MOMENT, startingMoment.id)
 
-    if (this.id === "start") {
+    if (this.id === 'start') {
       this.$store.dispatch(Constants.NEW_GAME)
     }
   },
   computed: {
-    ...mapState(["sceneName", "momentName", "result", "actions"]),
-    ...mapGetters(["scene", "moment", "options"])
+    ...mapState(['sceneName', 'momentName', 'result', 'actions']),
+    ...mapGetters(['scene', 'moment', 'options'])
   },
   methods: {
     ...mapActions([Constants.HANDLE_ACTION])
@@ -93,8 +90,6 @@ h3 {
   text-decoration: line-through;
 }
 
-ul {
-}
 li {
   text-align: left;
 }