beta update

.github/workflows/reviewdog.yml

@@ -1,7 +1,8 @@
 name: Reviewdog
 
 on:
-  pull_request:
+  pull_request: {}
+  push:
     branches: [main]
 
 jobs:
@@ -20,6 +21,6 @@ jobs:
           level: error
           github_token: ${{ secrets.GITHUB_TOKEN }}
           reporter: github-pr-review
-          eslint_flags: '--quiet --ignore-path .gitignore --ext .js,.ts,.vue .'
+          eslint_flags: '--quiet .'
           fail_on_error: true
           filter_mode: nofilter

.vscode/settings.json

@@ -1,6 +1,54 @@
 {
   "deno.enable": false,  
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
 
+  // https://github.com/antfu/eslint-config#vs-code-support-auto-fix-on-save
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "format/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
 }

README.md

@@ -59,11 +59,11 @@ You'll find our goals for KodaDot upcoming future!
 - [Farcaster /koda](https://warpcast.com/~/channel/koda) 👈👀🫡
 - Follow us on [Twitter](https://twitter.com/KodaDot)
 - [Youtube](https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA)
-- [Beehiiv](https://kodadotweeklyroundup.beehiiv.com/)
+- [Beehiiv](https://kodaweeklyroundup.beehiiv.com/)
 - [Medium](https://blog.kodadot.xyz), [Instagram](https://instagram.com/kodadot.xyz),
 - Join our [Telegram KodaDot Ecosystem](https://t.me/koda_eco), 
 - [Pick your T-shirt in KodaDot Swag Shop](https://shop.kodadot.xyz), use voucher `readme100` to get 100% OFF, first 10 redemptions only.
 
 # Fix dependency bump by renovate bot
 
-`git checkout origin/main pnpm-lock.yaml && pnpm install`
+`git checkout origin/main pnpm-lock.yaml && pnpm install`

app/router.scrollBehavior.js

@@ -1,7 +1,7 @@
 const findEl = async (hash, x = 0) => {
   return (
-    document.querySelector(hash) ||
-    new Promise((resolve) => {
+    document.querySelector(hash)
+    || new Promise((resolve) => {
       if (x > 50) {
         return resolve(document.querySelector('#app'))
       }
@@ -33,7 +33,8 @@ export default async function (to) {
     let el = await findEl(to.hash)
     if ('scrollBehavior' in document.documentElement.style) {
       return window.scrollTo({ top: el.offsetTop, behavior: 'smooth' })
-    } else {
+    }
+    else {
       return window.scrollTo(0, el.offsetTop)
     }
   }

components/ColorModeButton.vue

@@ -2,7 +2,8 @@
   <div
     class="flex items-center m-0"
     :class="isMobileDevice ? 'navbar-item' : ''"
-    @click="switchToNextMode">
+    @click="switchToNextMode"
+  >
     <ColorScheme placeholder="...">
       <span>{{ currentMode.label }}</span>
       &nbsp;<NeoIcon :icon="currentMode.icon" />
@@ -13,5 +14,6 @@
 <script lang="ts" setup>
 import { NeoIcon } from '@kodadot1/brick'
 import { isMobileDevice } from '@/utils/extension'
+
 const { currentMode, switchToNextMode } = useTheme()
 </script>

components/ColorModeSwitch.vue

@@ -5,17 +5,22 @@
       class="cursor-pointer"
       :icon="currentMode.icon"
       size="medium"
-      @click="switchToNextMode" />
+      @click="switchToNextMode"
+    />
     <NeoDropdown
       v-else
       v-model="preference"
       position="top-left"
       :close-on-click="true"
       aria-role="list"
-      @change="onChange">
+      @change="onChange"
+    >
       <template #trigger>
         <div class="flex items-center cursor-pointer">
-          <NeoIcon :icon="currentMode.icon" size="medium" />
+          <NeoIcon
+            :icon="currentMode.icon"
+            size="medium"
+          />
           <span class="ml-1 min-w-[82px]">{{ currentMode?.label }}</span>
         </div>
       </template>
@@ -25,8 +30,12 @@
         aria-role="listitem"
         class="flex"
         :active="preference === option.value"
-        :value="option">
-        <NeoIcon class="mr-2" :icon="option.icon" />
+        :value="option"
+      >
+        <NeoIcon
+          class="mr-2"
+          :icon="option.icon"
+        />
         <span>{{ option.label }}</span>
       </NeoDropdownItem>
     </NeoDropdown>

components/CookieBanner.vue

@@ -4,10 +4,13 @@
       <i18n-t
         keypath="cookies.notice"
         tag="p"
-        class="border-none md:border-r md:border-solid md:border-k-shade">
-        <nuxt-link to="/cookie-notice" target="_blank" class="is-underlined"
-          >Cookie Policy</nuxt-link
-        >
+        class="border-none md:border-r md:border-solid md:border-k-shade"
+      >
+        <nuxt-link
+          to="/cookie-notice"
+          target="_blank"
+          class="is-underlined"
+        >Cookie Policy</nuxt-link>
       </i18n-t>
     </template>
   </CookieControl>

components/CustomSubstackEmbed.vue

@@ -1,5 +1,8 @@
 <template>
-  <div id="custom-substack-embed" data-testid="footer-subscribe"></div>
+  <div
+    id="custom-substack-embed"
+    data-testid="footer-subscribe"
+  />
 </template>
 
 <script lang="ts" setup>

components/Error.vue

@@ -1,19 +1,30 @@
 <template>
-  <div id="Error" class="container text-center p-2 sm:px-6 sm:py-12">
-    <h1 class="title">{{ errorTitle }}</h1>
-    <p class="subtitle">{{ errorSubtitle }}</p>
-    <img v-if="hasImg" :src="imgSrc" alt="Internal error cat" />
+  <div
+    id="Error"
+    class="container text-center p-2 sm:px-6 sm:py-12"
+  >
+    <h1 class="title">
+      {{ errorTitle }}
+    </h1>
+    <p class="subtitle">
+      {{ errorSubtitle }}
+    </p>
+    <img
+      v-if="hasImg"
+      :src="imgSrc"
+      alt="Internal error cat"
+    >
     <p class="subtitle">
       If you think this should't happen, report us by
       <a
         target="_blank"
         rel="nofollow noopener noreferrer"
         href="https://github.com/kodadot/nft-gallery/issues/new?assignees=&labels=bug&template=bug_report.md&title="
-        >creating bug issue with steps to reproduce and screenshot.</a
-      >
+      >creating bug issue with steps to reproduce and screenshot.</a>
     </p>
   </div>
 </template>
+
 <script setup lang="ts">
 const props = withDefaults(
   defineProps<{

components/MessageNotify.vue

@@ -6,21 +6,27 @@
     }"
     :duration="realDuration"
     :auto-close="autoClose"
-    @close="$emit('close')">
+    @close="$emit('close')"
+  >
     <img
       src="~/assets/svg/congrats-message-header.svg"
-      class="congrats-message" />
+      class="congrats-message"
+    >
     <div class="flex flex-col">
       <div class="title is-3 mb-4">
         {{ title }}
       </div>
-      <hr class="my-2" />
+      <hr class="my-2">
       <div class="flex items-center justify-between">
         <span class="subtitle is-6 mb-0">
           {{ subtitle }}
         </span>
 
-        <ShareDropdown no-shadow mobile-modal :link="shareLink" />
+        <ShareDropdown
+          no-shadow
+          mobile-modal
+          :link="shareLink"
+        />
       </div>
     </div>
   </NeoMessage>