Merge pull request #1499 from ajv-validator/format-vue

chore: format older vue components

README.md

@@ -55,7 +55,7 @@ At Ajv, we are committed to creating more equitable and inclusive spaces for our
 
 We strive to create an environment of respect and healthy discourse by setting standards for our interactions and we expect it from all members of our community - from long term project member to first time visitor. For more information, review our [code of conduct](./CODE_OF_CONDUCT.md) and values.
 
-<Contributors/>
+<Contributors />
 
 ### How we make decisions
 

docs/.vuepress/components/Contributors.vue

@@ -4,33 +4,34 @@
       v-for="(contributor, i) in contributors"
       class="contributor"
       :style="'background-position: ' + (100 * i) / (contributors.length - 1) + '% 0'"
-      :href="'https://github.com/' + contributor">
+      :href="'https://github.com/' + contributor"
+    >
       {{ contributor }}
     </a>
   </div>
 </template>
 
 <script>
-  import contributors from "./Contributors/_contributors.js";
-  export default {
-    data() {
-      return {
-        contributors: contributors
-      }
+import contributors from "./Contributors/_contributors.js"
+export default {
+  data() {
+    return {
+      contributors: contributors,
     }
-  }
+  },
+}
 </script>
 
 <style scoped>
-  .contributor {
-    width: 2.4em;
-    height: 2.4em;
-    border-radius: 50%;
-    text-indent: -9999px;
-    display: inline-block;
-    background: no-repeat url(./Contributors/contributors.jpg);
-    background-size: auto 102%;
-    margin: 0 0.5em 0.5em 0;
-    border: 2px solid var(--second);
-  }
+.contributor {
+  width: 2.4em;
+  height: 2.4em;
+  border-radius: 50%;
+  text-indent: -9999px;
+  display: inline-block;
+  background: no-repeat url(./Contributors/contributors.jpg);
+  background-size: auto 102%;
+  margin: 0 0.5em 0.5em 0;
+  border: 2px solid var(--second);
+}
 </style>

docs/.vuepress/components/GitHub.vue

@@ -1,29 +1,32 @@
 <template>
   <ClientOnly>
     <span>
-      <a class="github-button"
+      <a
+        class="github-button"
         href="https://github.com/ajv-validator/ajv"
         data-show-count="true"
         data-size="large"
         aria-label="Star ajv-validator/ajv on GitHub"
-        >Star</a>
+      >
+        Star
+      </a>
     </span>
   </ClientOnly>
 </template>
 
 <script>
-  export default {
-    mounted() {
-      let githubScript = document.createElement("script")
-      githubScript.setAttribute("src", "https://buttons.github.io/buttons.js")
-      document.head.appendChild(githubScript)
-    }
-  }
+export default {
+  mounted() {
+    let githubScript = document.createElement("script")
+    githubScript.setAttribute("src", "https://buttons.github.io/buttons.js")
+    document.head.appendChild(githubScript)
+  },
+}
 </script>
 
 <style scoped>
-  span {
-    vertical-align: -8px;
-    padding-left: 20px;
-  }
+span {
+  vertical-align: -8px;
+  padding-left: 20px;
+}
 </style>

docs/.vuepress/components/RecFeatures.vue

@@ -15,63 +15,65 @@
       <p class="text">Choose your JSON schema standard</p>
     </div>
 
-    <br class="clearBoth"/>
+    <br class="clearBoth" />
   </div>
 </template>
 
 <style scoped>
-  .rec {
-    display: inline-block;
-    float: left;
-    margin: 10px;
-    width: 430px;
-    height: 300px;
-    border-radius: 8px;
-  }
+.rec {
+  display: inline-block;
+  float: left;
+  margin: 10px;
+  width: 430px;
+  height: 300px;
+  border-radius: 8px;
+}
 
-  .rec#less-code {
-    background: #007BFF;
-  }
+.rec#less-code {
+  background: #007bff;
+}
 
-  .rec#fast-and-secure {
-    background: #00A3AA;
-  }
+.rec#fast-and-secure {
+  background: #00a3aa;
+}
 
-  .rec#multi-spec {
-    background: #F5775B;
-  }
+.rec#multi-spec {
+  background: #f5775b;
+}
 
-  .header {
-    position: relative;
-    width: 359px;
-    height: 39px;
-    left: 30px;
-    top: 30px;
+.header {
+  position: relative;
+  width: 359px;
+  height: 39px;
+  left: 30px;
+  top: 30px;
 
-    font-family: Heebo;
-    font-style: normal;
-    font-weight: normal;
-    font-size: 36px;
-    line-height: 39px;
+  font-family: Heebo;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 36px;
+  line-height: 39px;
 
-    color: #FFFFFF;
-  }
+  color: #ffffff;
+}
 
-  .text {
-    position: relative;
-    width: 359px;
-    height: 78px;
-    left: 30px;
-    top: 30px;
+.text {
+  position: relative;
+  width: 359px;
+  height: 78px;
+  left: 30px;
+  top: 30px;
 
-    font-family: Heebo;
-    font-style: normal;
-    font-weight: normal;
-    font-size: 24px;
-    line-height: 39px;
+  font-family: Heebo;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 24px;
+  line-height: 39px;
 
-    color: #FFFFFF;
-  }
+  color: #ffffff;
+}
 
-  .clearBoth { clear: both; }
+.clearBoth {
+  clear: both;
+}
 </style>

docs/HOME.md

@@ -2,7 +2,7 @@
 
 Safety, security and reliability for JavaScript applications
 
-<RecFeatures/>
+<RecFeatures />
 
 ## Ajv News
 
@@ -46,4 +46,4 @@ Try in the playground (TBC)
 
 Ajv is free to use and open-source that many developers contributed to. Join us!
 
-<Contributors/>
+<Contributors />