format lint

Author: Aslemammad

packages/app/app/app.config.ts

@@ -1,7 +1,7 @@
 export default defineAppConfig({
   ui: {
     colors: {
-      primary: 'sky',
+      primary: "sky",
     },
   },
-})
+});

packages/app/app/app.vue

@@ -1,19 +1,19 @@
 <script setup>
 useHead({
   htmlAttrs: {
-    lang: 'en',
+    lang: "en",
   },
   link: [
-    { rel: 'icon', href: '/favicon.png' },
-    { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+    { rel: "icon", href: "/favicon.png" },
+    { rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
   ],
-})
+});
 
 useSeoMeta({
-  title: 'pkg.pr.new',
+  title: "pkg.pr.new",
   description:
-    'Search repositories on GitHub to list their continuous releases.',
-})
+    "Search repositories on GitHub to list their continuous releases.",
+});
 </script>
 
 <template>

packages/app/app/assets/css/main.css

@@ -120,4 +120,4 @@ summary {
 
 code > pre {
   @apply rounded-lg overflow-x-scroll bg-transparent! text-sm;
-}
+}

packages/app/app/components/AppFooter.vue

@@ -9,14 +9,14 @@
         width="117"
         height="24"
         class="not-dark:hidden"
-      >
+      />
       <img
         src="/stackblitz-black.svg"
         alt="StackBlitz"
         width="117"
         height="24"
         class="dark:hidden"
-      >
+      />
     </a>
     <div class="flex gap-3 items-center">
       <div>
@@ -25,12 +25,15 @@
           href="https://github.com/stackblitz-labs"
           target="_blank"
           class="text-primary"
-        >StackBlitz Labs</a>
+          >StackBlitz Labs</a
+        >
       </div>
       <UIcon name="ph-dot" />
       <div>
         UI by
-        <a href="https://github.com/Akryum" target="_blank" class="text-primary">Akryum</a>
+        <a href="https://github.com/Akryum" target="_blank" class="text-primary"
+          >Akryum</a
+        >
       </div>
     </div>
   </footer>

packages/app/app/components/CodeSnippet.vue

@@ -1,19 +1,19 @@
 <script lang="ts" setup>
 const props = defineProps<{
-  code: string
-}>()
+  code: string;
+}>();
 
-const { copy, isSupported } = useClipboard()
+const { copy, isSupported } = useClipboard();
 
-const toast = useToast()
+const toast = useToast();
 
 function copyCode() {
-  copy(props.code)
+  copy(props.code);
   toast.add({
-    title: 'Copied to clipboard',
-    color: 'success',
-    icon: 'ph-check',
-  })
+    title: "Copied to clipboard",
+    color: "success",
+    icon: "ph-check",
+  });
 }
 </script>
 

packages/app/app/components/Commits.vue

@@ -1,55 +1,55 @@
 <script lang="ts" setup>
-import type { RendererObject } from 'marked'
-import bash from '@shikijs/langs/bash'
-import githubDark from '@shikijs/themes/github-dark'
-import githubLight from '@shikijs/themes/github-light'
-import { marked } from 'marked'
-import { createHighlighterCoreSync, type HighlighterCore } from 'shiki/core'
-import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'
+import type { RendererObject } from "marked";
+import bash from "@shikijs/langs/bash";
+import githubDark from "@shikijs/themes/github-dark";
+import githubLight from "@shikijs/themes/github-light";
+import { marked } from "marked";
+import { createHighlighterCoreSync, type HighlighterCore } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 
 const props = defineProps<{
-  owner: string
-  repo: string
-}>()
+  owner: string;
+  repo: string;
+}>();
 
-const data = await $fetch('/api/repo/commits', {
+const data = await $fetch("/api/repo/commits", {
   query: {
     owner: props.owner,
     repo: props.repo,
   },
-})
+});
 
 if (!data) {
-  throw createError('Could not load Commits')
+  throw createError("Could not load Commits");
 }
 
-const branch = shallowReactive(data)
+const branch = shallowReactive(data);
 
 const commitsWithRelease = computed(() =>
   branch.target.history.nodes
-    .filter(commit =>
+    .filter((commit) =>
       commit.statusCheckRollup?.contexts.nodes.some(
-        context => context.name === 'Continuous Releases',
+        (context) => context.name === "Continuous Releases",
       ),
     )
-    .map(commit => ({
+    .map((commit) => ({
       ...commit,
       release: commit.statusCheckRollup.contexts.nodes.find(
-        context => context.name === 'Continuous Releases',
+        (context) => context.name === "Continuous Releases",
       )!,
     })),
-)
+);
 
 const selectedCommit = shallowRef<
   (typeof commitsWithRelease.value)[number] | null
->(null)
+>(null);
 
 // Markdown
 
 // Add target to links
 
-const colorMode = useColorMode()
-let shiki: HighlighterCore
+const colorMode = useColorMode();
+let shiki: HighlighterCore;
 
 onBeforeMount(async () => {
   // if (typeof window === 'undefined') {
@@ -62,55 +62,58 @@ onBeforeMount(async () => {
     themes: [githubDark, githubLight],
     langs: [bash],
     engine: createJavaScriptRegexEngine(),
-  })
+  });
 
   const renderer: RendererObject = {
     link(originalLink) {
-      const link = marked.Renderer.prototype.link.call(this, originalLink)
-      return link.replace('<a', '<a target=\'_blank\' rel=\'noreferrer\' class=\'text-primary underline\'')
+      const link = marked.Renderer.prototype.link.call(this, originalLink);
+      return link.replace(
+        "<a",
+        "<a target='_blank' rel='noreferrer' class='text-primary underline'",
+      );
     },
     code({ text }) {
       return `<code class="language-bash">${shiki.codeToHtml(text, {
-        theme: colorMode.preference === 'dark' ? 'github-dark' : 'github-light',
-        lang: 'bash',
-      })}</code>`
+        theme: colorMode.preference === "dark" ? "github-dark" : "github-light",
+        lang: "bash",
+      })}</code>`;
     },
-  }
+  };
 
-  marked.use({ renderer })
-})
+  marked.use({ renderer });
+});
 
 onBeforeUnmount(() => {
-  shiki?.dispose()
-})
+  shiki?.dispose();
+});
 
 // Pagination
-const fetching = ref(false)
-const fetchMoreForceDisabled = ref(!commitsWithRelease.value.length)
+const fetching = ref(false);
+const fetchMoreForceDisabled = ref(!commitsWithRelease.value.length);
 
 async function fetchMore() {
   if (!branch.target.history.pageInfo.hasNextPage) {
-    return
+    return;
   }
 
   if (fetching.value) {
-    return
+    return;
   }
 
   try {
-    fetching.value = true
+    fetching.value = true;
 
-    const cursor = branch.target.history.pageInfo.endCursor
+    const cursor = branch.target.history.pageInfo.endCursor;
 
-    const result = await $fetch('/api/repo/commits', {
+    const result = await $fetch("/api/repo/commits", {
       query: {
         owner: props.owner,
         repo: props.repo,
         cursor,
       },
-    })
+    });
 
-    const count = commitsWithRelease.value.length
+    const count = commitsWithRelease.value.length;
 
     branch.target = {
       ...branch.target,
@@ -119,14 +122,13 @@ async function fetchMore() {
         nodes: [...branch.target.history.nodes, ...result.target.history.nodes],
         pageInfo: result.target.history.pageInfo,
       },
-    }
+    };
 
     if (count === commitsWithRelease.value.length) {
-      fetchMoreForceDisabled.value = true
+      fetchMoreForceDisabled.value = true;
     }
-  }
-  finally {
-    fetching.value = false
+  } finally {
+    fetching.value = false;
   }
 }
 </script>
@@ -196,16 +198,15 @@ async function fetchMore() {
       class="flex flex-col items-center gap-4 border border-gray-100 dark:border-gray-800 rounded-xl p-8"
     >
       <UIcon name="i-ph-crane-tower-light" class="text-6xl opacity-50" />
-      <p class="text-center text-lg">
-        No Continuous Releases found
-      </p>
+      <p class="text-center text-lg">No Continuous Releases found</p>
       <p class="text-center">
         Setup continuous releases with
         <a
           href="https://github.com/stackblitz-labs/pkg.pr.new"
           target="_blank"
           class="text-primary"
-        >pkg.pr.new</a>
+          >pkg.pr.new</a
+        >
         first!
       </p>
     </div>

packages/app/app/components/GettingStarted.vue

@@ -49,7 +49,7 @@
     <GettingStartedStep step="3">
       <div>Done! Enjoy continuous releases on your Pull Requests!</div>
 
-      <img src="/pr-screenshot.png" alt="PR Screenshot" class="rounded-lg">
+      <img src="/pr-screenshot.png" alt="PR Screenshot" class="rounded-lg" />
     </GettingStartedStep>
   </div>
 </template>

packages/app/app/components/GettingStartedStep.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 defineProps<{
-  step: number | string
-}>()
+  step: number | string;
+}>();
 </script>
 
 <template>

packages/app/app/components/RepoButton.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 defineProps<{
-  owner: string
-  name: string
-  avatar?: string
-}>()
+  owner: string;
+  name: string;
+  avatar?: string;
+}>();
 </script>
 
 <template>