Fix linter and errors

.eslintrc.js

@@ -16,5 +16,6 @@ module.exports = {
   rules: {
     'object-curly-spacing': ['error', 'always'],
     'comma-dangle': ['error', 'always-multiline'],
+    'vue/multi-word-component-names': 'off',
   }
 };

package.json

@@ -18,6 +18,7 @@
     "develop": "gridsome develop",
     "explore": "gridsome explore",
     "lint": "eslint --ext .ts,.js,.vue src",
+    "lint:fix": "eslint --ext .ts,.js,.vue src --fix",
     "cli": "DOTENV_CONFIG_PATH=.cli node -r dotenv/config ./cli/index.js"
   },
   "dependencies": {
@@ -39,9 +40,9 @@
     "@noxify/gridsome-remark-table-align": "^1.0.0",
     "dotenv": "^16.0.1",
     "enquirer": "^2.3.6",
-    "eslint": "^8.18.0",
-    "eslint-plugin-vue": "^9.1.1",
+    "eslint": "^7.32.0",
     "eslint-plugin-gridsome": "^1.6.2",
+    "eslint-plugin-vue": "^9.1.1",
     "fuse.js": "^6.6.2",
     "gridsome-plugin-htaccess": "^0.2.1",
     "gridsome-plugin-service-worker": "^0.2.8",

src/components/Dots.vue

@@ -2,10 +2,11 @@
   <div ref="wrapper">
     <svg ref="svg" :width="width" :height="height" :viewBox="viewBox">
       <circle
-        v-for="dot in dots"
+        v-for="(dot, index) in dots"
         :cx="dot.x"
         :cy="dot.y"
         :r="size"
+        :key="index"
         fill="#1b365c"
       />
     </svg>

src/components/TeamMember.vue

@@ -39,7 +39,7 @@ export default {
     role: String,
     image: String,
     github: String,
-    likes: String
+    likes: String,
   },
   components: {
     GithubIcon,

src/components/content/Documentation.vue

@@ -30,6 +30,6 @@ export default {
     showPrevNextLinks() {
       return this.page.prev || this.page.next;
     },
-  }
+  },
 };
 </script>

src/components/home/Hero.vue

@@ -39,13 +39,3 @@
     </div>
   </div>
 </template>
-
-<script>
-import DeployNow from '~/components/DeployNow';
-
-export default {
-  components: {
-    DeployNow,
-  },
-};
-</script>

src/components/home/Samples.vue

@@ -6,6 +6,7 @@
       :class="{[logo]: true}"
       :src="logoPath(logo)"
       :alt="`${logo} logo`"
+      :key="logo"
     />
 
     <div class="container">

src/layouts/Default.vue

@@ -43,20 +43,13 @@ query {
 
 <script>
 import { mapGetters, mapActions } from "vuex";
-import BullhornOutline from "vue-material-design-icons/BullhornOutline";
-import ChevronDoubleRightIcon from "vue-material-design-icons/ChevronDoubleRight";
 import LayoutHeader from "~/components/LayoutHeader";
 import LayoutFooter from "~/components/LayoutFooter";
-import Banner from "~/components/Banner";
 import Sidebar from "~/components/Sidebar";
-import JobSearchLink from "~/components/JobSearchLink";
+
 
 export default {
   components: {
-    Banner,
-    BullhornOutline,
-    ChevronDoubleRightIcon,
-    JobSearchLink,
     LayoutFooter,
     LayoutHeader,
     Sidebar,

src/main.js

@@ -26,7 +26,7 @@ export default function (Vue, { router, head, appOptions }) {
   //});
   head.meta.push({
     name: 'google-site-verification',
-    content: 'UtLaJ4v0UZBDPJVc8DqCyiUPSSz9TtMroKmflhpH2eo'
+    content: 'UtLaJ4v0UZBDPJVc8DqCyiUPSSz9TtMroKmflhpH2eo',
   })
 
   // Add meta data to each page

src/pages/AboutUs.vue

@@ -42,29 +42,6 @@
           :key="member.name"
           v-bind="member"
         />
-
-<!--        <TeamMember image="octocat.svg">
-          <div>
-            <div class="title !pb-0">
-              {{ $t('job-offer.team-title') }}
-            </div>
-            <div>
-              {{ $t('job-offer.team-subtitle') }}
-            </div>
-          </div>
-          <div>
-            <a
-              v-for="[role, link] in jobOffers"
-              :key="role"
-              :href="link"
-              class="flex text-sm leading-tight hover:underline pb-2"
-              rel="noreferrer"
-            >
-              <OpenInNew class="icon" decorative />
-              {{ $t(`job-offer.${role}`) }}
-            </a>
-          </div>
-        </TeamMember>-->
       </div>
     </div>
   </Layout>
@@ -87,20 +64,12 @@ query {
 </page-query>
 
 <script>
-import OpenInNew from 'vue-material-design-icons/OpenInNew';
-import ChevronDoubleRightIcon from 'vue-material-design-icons/ChevronDoubleRight';
-import BullhornOutline from 'vue-material-design-icons/BullhornOutline';
 import TeamMember from '~/components/TeamMember';
-import JobSearchLink from '~/components/JobSearchLink';
 import { metaInfo } from '~/libs/seo';
 
 export default {
   components: {
-    OpenInNew,
-    ChevronDoubleRightIcon,
-    BullhornOutline,
     TeamMember,
-    JobSearchLink,
   },
   data() {
     return {

src/transformers/table-transformer.js

@@ -1,6 +1,6 @@
-const { selectAll } = require('unist-util-select');
+//const { selectAll } = require('unist-util-select');
 const map = require('unist-util-map');
-const toHast = require('mdast-util-to-hast');
+//const toHast = require('mdast-util-to-hast');
 
 const addClasses = (node, classes) => {
   node.data = node.data || {};
@@ -16,13 +16,13 @@ function wrapNode(node) {
     children: [node],
     data: {
       //hName: 'div',
-    }
+    },
   })
   delete node.position;
   return addClasses(wrapper,`${node.type}-wrapper`);
 }
 
-module.exports = function (options) {
+module.exports = function () {
   return async function transform(tree) {
     return map(tree, (node) => {
       if (node.type === 'table') console.log('----------\nNode: ', node);