update and organize prettier rules

.prettierrc.js

@@ -1,14 +1,17 @@
 module.exports = {
+  arrowParens: 'always',
+  bracketSpacing: true,
+  endOfLine: 'lf',
+  htmlWhitespaceSensitivity: 'strict',
+  jsxBracketSameLine: false,
+  jsxSingleQuote: true,
   printWidth: 80,
-  tabWidth: 2,
-  useTabs: false,
+  proseWrap: 'never',
+  quoteProps: 'as-needed',
   semi: false,
   singleQuote: true,
+  tabWidth: 2,
   trailingComma: 'es5',
-  bracketSpacing: true,
-  jsxBracketSameLine: false,
-  arrowParens: 'always',
-  proseWrap: 'never',
-  htmlWhitespaceSensitivity: 'strict',
-  endOfLine: 'lf',
+  useTabs: false,
+  vueIndentScriptAndStyle: false,
 }

src/components/_base-link.unit.js

@@ -6,7 +6,7 @@ const mountBaseLink = (options = {}) => {
       RouterLink: {
         functional: true,
         render(h, { slots, data }) {
-          return <a data-router-link="true">{slots().default}</a>
+          return <a data-router-link='true'>{slots().default}</a>
         },
       },
     },

src/components/nav-bar-routes.vue

@@ -24,7 +24,7 @@ export default {
     // root node.
     return props.routes.map((route) => (
       <BaseLink
-        tag="li"
+        tag='li'
         key={route.name}
         to={route}
         exact-active-class={$style.active}