├── public
    ├── robots.txt
    └── favicon.ico
├── bun.lockb
├── components
    └── ui
    │   ├── input
    │       ├── index.ts
    │       └── Input.vue
    │   ├── dialog
    │       ├── DialogClose.vue
    │       ├── DialogTrigger.vue
    │       ├── DialogHeader.vue
    │       ├── Dialog.vue
    │       ├── DialogFooter.vue
    │       ├── index.ts
    │       ├── DialogDescription.vue
    │       ├── DialogTitle.vue
    │       ├── DialogScrollContent.vue
    │       └── DialogContent.vue
    │   ├── command
    │       ├── CommandShortcut.vue
    │       ├── index.ts
    │       ├── CommandEmpty.vue
    │       ├── CommandSeparator.vue
    │       ├── CommandList.vue
    │       ├── Command.vue
    │       ├── CommandItem.vue
    │       ├── CommandDialog.vue
    │       ├── CommandGroup.vue
    │       └── CommandInput.vue
    │   └── button
    │       ├── Button.vue
    │       └── index.ts
├── server
    ├── tsconfig.json
    └── api
    │   └── stars.ts
├── tsconfig.json
├── layouts
    └── default.vue
├── lib
    └── utils.ts
├── nuxt.config.ts
├── .gitignore
├── README.md
├── components.json
├── package.json
├── .github
    └── workflows
    │   └── fetch-star-projects.yml
├── fetch-star-projects.ts
├── assets
    └── css
    │   └── tailwind.css
├── tailwind.config.js
├── pages
    ├── components
    │   └── search.vue
    └── index.vue
└── app.vue


/public/robots.txt:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoxiunique/ustars/HEAD/bun.lockb


--------------------------------------------------------------------------------
/components/ui/input/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Input } from './Input.vue'
2 | 


--------------------------------------------------------------------------------
/server/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "../.nuxt/tsconfig.server.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoxiunique/ustars/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // https://nuxt.com/docs/guide/concepts/typescript
3 |   "extends": "./.nuxt/tsconfig.json"
4 | }
5 | 


--------------------------------------------------------------------------------
/server/api/stars.ts:
--------------------------------------------------------------------------------
1 | import allStars from './all-stars.json'
2 | 
3 | export default defineEventHandler((event) => {
4 |   return allStars
5 | }) 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="flex flex-col container mx-auto min-h-screen">
3 |     <slot />
4 |   </div>
5 | </template>
6 | 
7 | <script setup lang="ts">
8 | 
9 | </script>


--------------------------------------------------------------------------------
/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from 'clsx'
2 | import { twMerge } from 'tailwind-merge'
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs))
6 | }
7 | 


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
1 | // https://nuxt.com/docs/api/configuration/nuxt-config
2 | export default defineNuxtConfig({
3 |   compatibilityDate: '2024-11-01',
4 |   modules: ['@nuxt/fonts', '@nuxtjs/tailwindcss', 'shadcn-nuxt']
5 | })


--------------------------------------------------------------------------------
/components/ui/dialog/DialogClose.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { DialogClose, type DialogCloseProps } from 'radix-vue'
 3 | 
 4 | const props = defineProps<DialogCloseProps>()
 5 | </script>
 6 | 
 7 | <template>
 8 |   <DialogClose v-bind="props">
 9 |     <slot />
10 |   </DialogClose>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Nuxt dev/build outputs
 2 | .output
 3 | .data
 4 | .nuxt
 5 | .nitro
 6 | .cache
 7 | dist
 8 | 
 9 | # Node dependencies
10 | node_modules
11 | 
12 | # Logs
13 | logs
14 | *.log
15 | 
16 | # Misc
17 | .DS_Store
18 | .fleet
19 | .idea
20 | 
21 | # Local env files
22 | .env
23 | .env.*
24 | !.env.example
25 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { DialogTrigger, type DialogTriggerProps } from 'radix-vue'
 3 | 
 4 | const props = defineProps<DialogTriggerProps>()
 5 | </script>
 6 | 
 7 | <template>
 8 |   <DialogTrigger v-bind="props">
 9 |     <slot />
10 |   </DialogTrigger>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandShortcut.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <span :class="cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)">
12 |     <slot />
13 |   </span>
14 | </template>
15 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     :class="cn('flex flex-col gap-y-1.5 text-center sm:text-left', props.class)"
13 |   >
14 |     <slot />
15 |   </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/components/ui/dialog/Dialog.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from 'radix-vue'
 3 | 
 4 | const props = defineProps<DialogRootProps>()
 5 | const emits = defineEmits<DialogRootEmits>()
 6 | 
 7 | const forwarded = useForwardPropsEmits(props, emits)
 8 | </script>
 9 | 
10 | <template>
11 |   <DialogRoot v-bind="forwarded">
12 |     <slot />
13 |   </DialogRoot>
14 | </template>
15 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <div
10 |     :class="
11 |       cn(
12 |         'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2',
13 |         props.class,
14 |       )
15 |     "
16 |   >
17 |     <slot />
18 |   </div>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # UStars(Github Star Manger)
 2 | UStars 可以方便查询和整理你的 Github Star 仓库, 而不必每次使用 Github Star 功能(太难用)
 3 | 
 4 | [预览](https://ustars.dev)
 5 | 
 6 | ## 使用
 7 | 
 8 | - fork 项目
 9 | - 配置 Github Token
10 | - 部署项目到 vercel 或其他平台
11 | 
12 | ## 技术栈
13 | 
14 | - 前端框架：Nuxt.js
15 | - 数据来源：GitHub API
16 | - 更新机制：每日自动同步 `fetch-star-projects`
17 | 
18 | ## 开发
19 | 
20 | ```bash
21 | # 安装依赖
22 | bun i
23 | 
24 | # 启动开发服务器
25 | bun run dev
26 | 
27 | # 运行脚本 同步 Github Star 仓库
28 | bun run sync
29 | ```
30 | 


--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://shadcn-vue.com/schema.json",
 3 |   "style": "default",
 4 |   "typescript": true,
 5 |   "tsConfigPath": ".nuxt/tsconfig.json",
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "assets/css/tailwind.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "framework": "nuxt",
14 |   "aliases": {
15 |     "components": "@/components",
16 |     "utils": "@/lib/utils"
17 |   }
18 | }


--------------------------------------------------------------------------------
/components/ui/command/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Command } from './Command.vue'
 2 | export { default as CommandDialog } from './CommandDialog.vue'
 3 | export { default as CommandEmpty } from './CommandEmpty.vue'
 4 | export { default as CommandGroup } from './CommandGroup.vue'
 5 | export { default as CommandInput } from './CommandInput.vue'
 6 | export { default as CommandItem } from './CommandItem.vue'
 7 | export { default as CommandList } from './CommandList.vue'
 8 | export { default as CommandSeparator } from './CommandSeparator.vue'
 9 | export { default as CommandShortcut } from './CommandShortcut.vue'
10 | 


--------------------------------------------------------------------------------
/components/ui/dialog/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Dialog } from './Dialog.vue'
 2 | export { default as DialogClose } from './DialogClose.vue'
 3 | export { default as DialogContent } from './DialogContent.vue'
 4 | export { default as DialogDescription } from './DialogDescription.vue'
 5 | export { default as DialogFooter } from './DialogFooter.vue'
 6 | export { default as DialogHeader } from './DialogHeader.vue'
 7 | export { default as DialogScrollContent } from './DialogScrollContent.vue'
 8 | export { default as DialogTitle } from './DialogTitle.vue'
 9 | export { default as DialogTrigger } from './DialogTrigger.vue'
10 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandEmpty.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxEmptyProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxEmpty } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes['class'] }>()
 8 | 
 9 | const delegatedProps = computed(() => {
10 |   const { class: _, ...delegated } = props
11 | 
12 |   return delegated
13 | })
14 | </script>
15 | 
16 | <template>
17 |   <ComboboxEmpty v-bind="delegatedProps" :class="cn('py-6 text-center text-sm', props.class)">
18 |     <slot />
19 |   </ComboboxEmpty>
20 | </template>
21 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandSeparator.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxSeparatorProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxSeparator } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes['class'] }>()
 8 | 
 9 | const delegatedProps = computed(() => {
10 |   const { class: _, ...delegated } = props
11 | 
12 |   return delegated
13 | })
14 | </script>
15 | 
16 | <template>
17 |   <ComboboxSeparator
18 |     v-bind="delegatedProps"
19 |     :class="cn('-mx-1 h-px bg-border', props.class)"
20 |   >
21 |     <slot />
22 |   </ComboboxSeparator>
23 | </template>
24 | 


--------------------------------------------------------------------------------
/components/ui/button/Button.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { Primitive, type PrimitiveProps } from 'radix-vue'
 5 | import { type ButtonVariants, buttonVariants } from '.'
 6 | 
 7 | interface Props extends PrimitiveProps {
 8 |   variant?: ButtonVariants['variant']
 9 |   size?: ButtonVariants['size']
10 |   class?: HTMLAttributes['class']
11 | }
12 | 
13 | const props = withDefaults(defineProps<Props>(), {
14 |   as: 'button',
15 | })
16 | </script>
17 | 
18 | <template>
19 |   <Primitive
20 |     :as="as"
21 |     :as-child="asChild"
22 |     :class="cn(buttonVariants({ variant, size }), props.class)"
23 |   >
24 |     <slot />
25 |   </Primitive>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogDescription.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { cn } from '@/lib/utils'
 3 | import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
 4 | import { computed, type HTMLAttributes } from 'vue'
 5 | 
 6 | const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 7 | 
 8 | const delegatedProps = computed(() => {
 9 |   const { class: _, ...delegated } = props
10 | 
11 |   return delegated
12 | })
13 | 
14 | const forwardedProps = useForwardProps(delegatedProps)
15 | </script>
16 | 
17 | <template>
18 |   <DialogDescription
19 |     v-bind="forwardedProps"
20 |     :class="cn('text-sm text-muted-foreground', props.class)"
21 |   >
22 |     <slot />
23 |   </DialogDescription>
24 | </template>
25 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogTitle.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { cn } from '@/lib/utils'
 3 | import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
 4 | import { computed, type HTMLAttributes } from 'vue'
 5 | 
 6 | const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 7 | 
 8 | const delegatedProps = computed(() => {
 9 |   const { class: _, ...delegated } = props
10 | 
11 |   return delegated
12 | })
13 | 
14 | const forwardedProps = useForwardProps(delegatedProps)
15 | </script>
16 | 
17 | <template>
18 |   <DialogTitle
19 |     v-bind="forwardedProps"
20 |     :class="
21 |       cn(
22 |         'text-lg font-semibold leading-none tracking-tight',
23 |         props.class,
24 |       )
25 |     "
26 |   >
27 |     <slot />
28 |   </DialogTitle>
29 | </template>
30 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-app",
 3 |   "private": true,
 4 |   "type": "module",
 5 |   "scripts": {
 6 |     "build": "nuxt build",
 7 |     "dev": "nuxt dev",
 8 |     "generate": "nuxt generate",
 9 |     "preview": "nuxt preview",
10 |     "postinstall": "nuxt prepare",
11 |     "sync": "bun run fetch-star-projects.ts"
12 |   },
13 |   "dependencies": {
14 |     "@nuxt/fonts": "0.10.3",
15 |     "@nuxtjs/color-mode": "^3.5.2",
16 |     "@nuxtjs/tailwindcss": "6.12.2",
17 |     "@vueuse/core": "^12.3.0",
18 |     "class-variance-authority": "^0.7.1",
19 |     "clsx": "^2.1.1",
20 |     "fuse.js": "^7.0.0",
21 |     "lucide-vue-next": "^0.469.0",
22 |     "nuxt": "^3.15.1",
23 |     "octokit": "^4.0.3",
24 |     "radix-vue": "^1.9.12",
25 |     "shadcn-nuxt": "0.11.3",
26 |     "tailwind-merge": "^2.6.0",
27 |     "tailwindcss-animate": "^1.0.7",
28 |     "vue": "latest",
29 |     "vue-router": "latest"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandList.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxContentEmits, ComboboxContentProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxContent, useForwardPropsEmits } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = withDefaults(defineProps<ComboboxContentProps & { class?: HTMLAttributes['class'] }>(), {
 8 |   dismissable: false,
 9 | })
10 | const emits = defineEmits<ComboboxContentEmits>()
11 | 
12 | const delegatedProps = computed(() => {
13 |   const { class: _, ...delegated } = props
14 | 
15 |   return delegated
16 | })
17 | 
18 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
19 | </script>
20 | 
21 | <template>
22 |   <ComboboxContent v-bind="forwarded" :class="cn('max-h-[300px] overflow-y-auto overflow-x-hidden', props.class)">
23 |     <div role="presentation">
24 |       <slot />
25 |     </div>
26 |   </ComboboxContent>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/components/ui/command/Command.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxRootEmits, ComboboxRootProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes['class'] }>(), {
 8 |   open: true,
 9 |   modelValue: '',
10 | })
11 | 
12 | const emits = defineEmits<ComboboxRootEmits>()
13 | 
14 | const delegatedProps = computed(() => {
15 |   const { class: _, ...delegated } = props
16 | 
17 |   return delegated
18 | })
19 | 
20 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
21 | </script>
22 | 
23 | <template>
24 |   <ComboboxRoot
25 |     v-bind="forwarded"
26 |     :class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', props.class)"
27 |   >
28 |     <slot />
29 |   </ComboboxRoot>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/components/ui/input/Input.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { useVModel } from '@vueuse/core'
 5 | 
 6 | const props = defineProps<{
 7 |   defaultValue?: string | number
 8 |   modelValue?: string | number
 9 |   class?: HTMLAttributes['class']
10 | }>()
11 | 
12 | const emits = defineEmits<{
13 |   (e: 'update:modelValue', payload: string | number): void
14 | }>()
15 | 
16 | const modelValue = useVModel(props, 'modelValue', emits, {
17 |   passive: true,
18 |   defaultValue: props.defaultValue,
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <input v-model="modelValue" :class="cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', props.class)">
24 | </template>
25 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxItemEmits, ComboboxItemProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxItem, useForwardPropsEmits } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes['class'] }>()
 8 | const emits = defineEmits<ComboboxItemEmits>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
17 | </script>
18 | 
19 | <template>
20 |   <ComboboxItem
21 |     v-bind="forwarded"
22 |     :class="cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', props.class)"
23 |   >
24 |     <slot />
25 |   </ComboboxItem>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandDialog.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogRootEmits, DialogRootProps } from 'radix-vue'
 3 | import { Dialog, DialogContent } from '@/components/ui/dialog'
 4 | import { useForwardPropsEmits } from 'radix-vue'
 5 | import Command from './Command.vue'
 6 | 
 7 | const props = defineProps<DialogRootProps>()
 8 | const emits = defineEmits<DialogRootEmits>()
 9 | 
10 | const forwarded = useForwardPropsEmits(props, emits)
11 | </script>
12 | 
13 | <template>
14 |   <Dialog v-bind="forwarded">
15 |     <DialogContent class="overflow-hidden p-0 shadow-lg">
16 |       <Command class="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
17 |         <slot />
18 |       </Command>
19 |     </DialogContent>
20 |   </Dialog>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ComboboxGroupProps } from 'radix-vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { ComboboxGroup, ComboboxLabel } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | const props = defineProps<ComboboxGroupProps & {
 8 |   class?: HTMLAttributes['class']
 9 |   heading?: string
10 | }>()
11 | 
12 | const delegatedProps = computed(() => {
13 |   const { class: _, ...delegated } = props
14 | 
15 |   return delegated
16 | })
17 | </script>
18 | 
19 | <template>
20 |   <ComboboxGroup
21 |     v-bind="delegatedProps"
22 |     :class="cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', props.class)"
23 |   >
24 |     <ComboboxLabel v-if="heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
25 |       {{ heading }}
26 |     </ComboboxLabel>
27 |     <slot />
28 |   </ComboboxGroup>
29 | </template>
30 | 


--------------------------------------------------------------------------------
/components/ui/command/CommandInput.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { cn } from '@/lib/utils'
 3 | import { Search } from 'lucide-vue-next'
 4 | import { ComboboxInput, type ComboboxInputProps, useForwardProps } from 'radix-vue'
 5 | import { computed, type HTMLAttributes } from 'vue'
 6 | 
 7 | defineOptions({
 8 |   inheritAttrs: false,
 9 | })
10 | 
11 | const props = defineProps<ComboboxInputProps & {
12 |   class?: HTMLAttributes['class']
13 | }>()
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | 
21 | const forwardedProps = useForwardProps(delegatedProps)
22 | </script>
23 | 
24 | <template>
25 |   <div class="flex items-center border-b px-3" cmdk-input-wrapper>
26 |     <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
27 |     <ComboboxInput
28 |       v-bind="{ ...forwardedProps, ...$attrs }"
29 |       auto-focus
30 |       :class="cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', props.class)"
31 |     />
32 |   </div>
33 | </template>
34 | 


--------------------------------------------------------------------------------
/.github/workflows/fetch-star-projects.yml:
--------------------------------------------------------------------------------
 1 | name: Fetch Star Projects
 2 | 
 3 | on:
 4 |   schedule:
 5 |     - cron: '0 0 * * *'  # 每天运行
 6 |   workflow_dispatch:      # 允许手动触发
 7 | 
 8 | jobs:
 9 |   fetch-star-projects:
10 |     runs-on: ubuntu-latest
11 |     steps:
12 |       - uses: actions/checkout@v3
13 |         with:
14 |           token: ${{ secrets.GH_TOKEN }}  # 使用你设置的 secret
15 |           
16 |       - name: Setup Git
17 |         run: |
18 |           git config --global user.name 'GitHub Actions Bot'
19 |           git config --global user.email 'github-actions[bot]@users.noreply.github.com'
20 |           
21 |       - name: Setup Bun
22 |         uses: oven-sh/setup-bun@v1
23 |         with:
24 |           bun-version: latest
25 |           
26 |       - name: Install dependencies
27 |         run: bun install
28 |         
29 |       - name: Run fetch script
30 |         env:
31 |           GH_TOKEN: ${{ secrets.GH_TOKEN }}
32 |         run: bun run sync
33 |         
34 |       - name: Commit and push changes
35 |         run: |
36 |           git add .
37 |           git commit -m "chore: fetch star projects [skip ci]" || exit 0
38 |           git push
39 | 


--------------------------------------------------------------------------------
/fetch-star-projects.ts:
--------------------------------------------------------------------------------
 1 | import { Octokit } from 'octokit'
 2 | import fs from 'fs'
 3 | import path from 'path'
 4 | 
 5 | const GITHUB_TOKEN = process.env.GH_TOKEN;
 6 | const octokit = new Octokit({ auth: GITHUB_TOKEN })
 7 | 
 8 | export async function fetchStarProjects() {
 9 |   let page = 1
10 |   const allStarredProjects = []
11 |   
12 |   while (true) {
13 |     const response = await octokit.request('GET /user/starred', {
14 |       per_page: 100,
15 |       page: page,
16 |     })
17 |     
18 |     console.log('fetching page', page)
19 |     if (response.data.length === 0) {
20 |       break
21 |     }
22 |     
23 |     allStarredProjects.push(...response.data)
24 |     page++
25 | 
26 |     await new Promise(resolve => setTimeout(resolve, 1_000))
27 |   }
28 |   
29 |   return allStarredProjects
30 | }
31 | 
32 | const allStars = await fetchStarProjects()
33 | const copiedStars = allStars.map(star => ({
34 |   stargazers_count: star.stargazers_count,
35 |   language: star.language,
36 |   description: star.description,
37 |   full_name: star.full_name,
38 |   name: star.name,
39 |   topics: star.topics,
40 |   user: {
41 |     avatar: star.owner.avatar_url,
42 |     login: star.owner.login,
43 |   },
44 |   html_url: star.html_url,
45 |   created_at: star.created_at,
46 |   updated_at: star.updated_at,  
47 | }))
48 | 
49 | fs.writeFileSync(path.join(__dirname, 'server', 'api', 'all-stars.json'), JSON.stringify(copiedStars))
50 | console.log('done')


--------------------------------------------------------------------------------
/components/ui/button/index.ts:
--------------------------------------------------------------------------------
 1 | import { cva, type VariantProps } from 'class-variance-authority'
 2 | 
 3 | export { default as Button } from './Button.vue'
 4 | 
 5 | export const buttonVariants = cva(
 6 |   'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
 7 |   {
 8 |     variants: {
 9 |       variant: {
10 |         default:
11 |           'bg-primary text-primary-foreground shadow hover:bg-primary/90',
12 |         destructive:
13 |           'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
14 |         outline:
15 |           'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
16 |         secondary:
17 |           'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
18 |         ghost: 'hover:bg-accent hover:text-accent-foreground',
19 |         link: 'text-primary underline-offset-4 hover:underline',
20 |       },
21 |       size: {
22 |         default: 'h-9 px-4 py-2',
23 |         sm: 'h-8 rounded-md px-3 text-xs',
24 |         lg: 'h-10 rounded-md px-8',
25 |         icon: 'h-9 w-9',
26 |       },
27 |     },
28 |     defaultVariants: {
29 |       variant: 'default',
30 |       size: 'default',
31 |     },
32 |   },
33 | )
34 | 
35 | export type ButtonVariants = VariantProps<typeof buttonVariants>
36 | 


--------------------------------------------------------------------------------
/assets/css/tailwind.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | @layer base {
 6 |   :root {
 7 |     --background: 0 0% 100%;
 8 |     --foreground: 222.2 84% 4.9%;
 9 | 
10 |     --muted: 210 40% 96.1%;
11 |     --muted-foreground: 215.4 16.3% 46.9%;
12 | 
13 |     --popover: 0 0% 100%;
14 |     --popover-foreground: 222.2 84% 4.9%;
15 | 
16 |     --card: 0 0% 100%;
17 |     --card-foreground: 222.2 84% 4.9%;
18 | 
19 |     --border: 214.3 31.8% 91.4%;
20 |     --input: 214.3 31.8% 91.4%;
21 | 
22 |     --primary: 222.2 47.4% 11.2%;
23 |     --primary-foreground: 210 40% 98%;
24 | 
25 |     --secondary: 210 40% 96.1%;
26 |     --secondary-foreground: 222.2 47.4% 11.2%;
27 | 
28 |     --accent: 210 40% 96.1%;
29 |     --accent-foreground: 222.2 47.4% 11.2%;
30 | 
31 |     --destructive: 0 84.2% 60.2%;
32 |     --destructive-foreground: 210 40% 98%;
33 | 
34 |     --ring: 222.2 84% 4.9%;
35 | 
36 |     --radius: 0.5rem;
37 |   }
38 | 
39 |   .dark {
40 |     --background: 222.2 84% 4.9%;
41 |     --foreground: 210 40% 98%;
42 | 
43 |     --muted: 217.2 32.6% 17.5%;
44 |     --muted-foreground: 215 20.2% 65.1%;
45 | 
46 |     --popover: 222.2 84% 4.9%;
47 |     --popover-foreground: 210 40% 98%;
48 | 
49 |     --card: 222.2 84% 4.9%;
50 |     --card-foreground: 210 40% 98%;
51 | 
52 |     --border: 217.2 32.6% 17.5%;
53 |     --input: 217.2 32.6% 17.5%;
54 | 
55 |     --primary: 210 40% 98%;
56 |     --primary-foreground: 222.2 47.4% 11.2%;
57 | 
58 |     --secondary: 217.2 32.6% 17.5%;
59 |     --secondary-foreground: 210 40% 98%;
60 | 
61 |     --accent: 217.2 32.6% 17.5%;
62 |     --accent-foreground: 210 40% 98%;
63 | 
64 |     --destructive: 0 62.8% 30.6%;
65 |     --destructive-foreground: 210 40% 98%;
66 | 
67 |     --ring: 212.7 26.8% 83.9%;
68 |   }
69 | }
70 | 
71 | @layer base {
72 |   * {
73 |     @apply border-border;
74 |   }
75 |   body {
76 |     @apply bg-background text-foreground;
77 |   }
78 | }


--------------------------------------------------------------------------------
/components/ui/dialog/DialogScrollContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { cn } from '@/lib/utils'
 3 | import { X } from 'lucide-vue-next'
 4 | import {
 5 |   DialogClose,
 6 |   DialogContent,
 7 |   type DialogContentEmits,
 8 |   type DialogContentProps,
 9 |   DialogOverlay,
10 |   DialogPortal,
11 |   useForwardPropsEmits,
12 | } from 'radix-vue'
13 | import { computed, type HTMLAttributes } from 'vue'
14 | 
15 | const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
16 | const emits = defineEmits<DialogContentEmits>()
17 | 
18 | const delegatedProps = computed(() => {
19 |   const { class: _, ...delegated } = props
20 | 
21 |   return delegated
22 | })
23 | 
24 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
25 | </script>
26 | 
27 | <template>
28 |   <DialogPortal>
29 |     <DialogOverlay
30 |       class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
31 |     >
32 |       <DialogContent
33 |         :class="
34 |           cn(
35 |             'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
36 |             props.class,
37 |           )
38 |         "
39 |         v-bind="forwarded"
40 |         @pointer-down-outside="(event) => {
41 |           const originalEvent = event.detail.originalEvent;
42 |           const target = originalEvent.target as HTMLElement;
43 |           if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
44 |             event.preventDefault();
45 |           }
46 |         }"
47 |       >
48 |         <slot />
49 | 
50 |         <DialogClose
51 |           class="absolute top-3 right-3 p-0.5 transition-colors rounded-md hover:bg-secondary"
52 |         >
53 |           <X class="w-4 h-4" />
54 |           <span class="sr-only">Close</span>
55 |         </DialogClose>
56 |       </DialogContent>
57 |     </DialogOverlay>
58 |   </DialogPortal>
59 | </template>
60 | 


--------------------------------------------------------------------------------
/components/ui/dialog/DialogContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { cn } from '@/lib/utils'
 3 | import { X } from 'lucide-vue-next'
 4 | import {
 5 |   DialogClose,
 6 |   DialogContent,
 7 |   type DialogContentEmits,
 8 |   type DialogContentProps,
 9 |   DialogOverlay,
10 |   DialogPortal,
11 |   useForwardPropsEmits,
12 | } from 'radix-vue'
13 | import { computed, type HTMLAttributes } from 'vue'
14 | 
15 | const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
16 | const emits = defineEmits<DialogContentEmits>()
17 | 
18 | const delegatedProps = computed(() => {
19 |   const { class: _, ...delegated } = props
20 | 
21 |   return delegated
22 | })
23 | 
24 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
25 | </script>
26 | 
27 | <template>
28 |   <DialogPortal>
29 |     <DialogOverlay
30 |       class="fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
31 |     />
32 |     <DialogContent
33 |       v-bind="forwarded"
34 |       :class="
35 |         cn(
36 |           'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
37 |           props.class,
38 |         )"
39 |     >
40 |       <slot />
41 | 
42 |       <DialogClose
43 |         class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
44 |       >
45 |         <X class="w-4 h-4" />
46 |         <span class="sr-only">Close</span>
47 |       </DialogClose>
48 |     </DialogContent>
49 |   </DialogPortal>
50 | </template>
51 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | const animate = require("tailwindcss-animate")
 2 | 
 3 | /** @type {import('tailwindcss').Config} */
 4 | module.exports = {
 5 |   darkMode: ["class"],
 6 |   safelist: ["dark"],
 7 |   prefix: "",
 8 |   
 9 |   theme: {
10 |     container: {
11 |       center: true,
12 |       padding: "2rem",
13 |       screens: {
14 |         "2xl": "1400px",
15 |       },
16 |     },
17 |     extend: {
18 |       colors: {
19 |         border: "hsl(var(--border))",
20 |         input: "hsl(var(--input))",
21 |         ring: "hsl(var(--ring))",
22 |         background: "hsl(var(--background))",
23 |         foreground: "hsl(var(--foreground))",
24 |         primary: {
25 |           DEFAULT: "hsl(var(--primary))",
26 |           foreground: "hsl(var(--primary-foreground))",
27 |         },
28 |         secondary: {
29 |           DEFAULT: "hsl(var(--secondary))",
30 |           foreground: "hsl(var(--secondary-foreground))",
31 |         },
32 |         destructive: {
33 |           DEFAULT: "hsl(var(--destructive))",
34 |           foreground: "hsl(var(--destructive-foreground))",
35 |         },
36 |         muted: {
37 |           DEFAULT: "hsl(var(--muted))",
38 |           foreground: "hsl(var(--muted-foreground))",
39 |         },
40 |         accent: {
41 |           DEFAULT: "hsl(var(--accent))",
42 |           foreground: "hsl(var(--accent-foreground))",
43 |         },
44 |         popover: {
45 |           DEFAULT: "hsl(var(--popover))",
46 |           foreground: "hsl(var(--popover-foreground))",
47 |         },
48 |         card: {
49 |           DEFAULT: "hsl(var(--card))",
50 |           foreground: "hsl(var(--card-foreground))",
51 |         },
52 |       },
53 |       borderRadius: {
54 |         xl: "calc(var(--radius) + 4px)",
55 |         lg: "var(--radius)",
56 |         md: "calc(var(--radius) - 2px)",
57 |         sm: "calc(var(--radius) - 4px)",
58 |       },
59 |       keyframes: {
60 |         "accordion-down": {
61 |           from: { height: 0 },
62 |           to: { height: "var(--radix-accordion-content-height)" },
63 |         },
64 |         "accordion-up": {
65 |           from: { height: "var(--radix-accordion-content-height)" },
66 |           to: { height: 0 },
67 |         },
68 |         "collapsible-down": {
69 |           from: { height: 0 },
70 |           to: { height: 'var(--radix-collapsible-content-height)' },
71 |         },
72 |         "collapsible-up": {
73 |           from: { height: 'var(--radix-collapsible-content-height)' },
74 |           to: { height: 0 },
75 |         },
76 |       },
77 |       animation: {
78 |         "accordion-down": "accordion-down 0.2s ease-out",
79 |         "accordion-up": "accordion-up 0.2s ease-out",
80 |         "collapsible-down": "collapsible-down 0.2s ease-in-out",
81 |         "collapsible-up": "collapsible-up 0.2s ease-in-out",
82 |       },
83 |     },
84 |   },
85 |   plugins: [animate],
86 | }


--------------------------------------------------------------------------------
/pages/components/search.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import {
  3 |   CommandDialog,
  4 |   CommandEmpty,
  5 |   CommandGroup,
  6 |   CommandInput,
  7 |   CommandItem,
  8 |   CommandList,
  9 | } from '@/components/ui/command'
 10 | import { useMagicKeys } from '@vueuse/core'
 11 | import { ref, watch, onMounted, computed } from 'vue'
 12 | import Fuse from 'fuse.js'
 13 | import { cn } from '@/lib/utils'
 14 | import { Search } from 'lucide-vue-next'
 15 | import Header from '@/layouts/components/header.vue'
 16 | 
 17 | // 状态管理
 18 | const searchQuery = ref('')
 19 | const open = ref(false)
 20 | const allStars = ref([])
 21 | let fuse: Fuse<any>
 22 | 
 23 | // 计算过滤后的结果
 24 | const searchResults = computed(() => {
 25 |   if (!searchQuery.value || !fuse) {
 26 |     return allStars.value.slice(0, 10) // 默认显示前10个
 27 |   }
 28 | 
 29 |   const results = fuse.search(searchQuery.value)
 30 |   return results
 31 |     .filter(result => result.score && result.score < 0.4)
 32 |     .map(result => result.item)
 33 |     .slice(0, 10)
 34 | })
 35 | 
 36 | // 初始化数据
 37 | onMounted(async () => {
 38 |   const response = await fetch('/api/stars')
 39 |   allStars.value = await response.json()
 40 | 
 41 |   fuse = new Fuse(allStars.value, {
 42 |     keys: [
 43 |       { name: 'name', weight: 1 },
 44 |       { name: 'description', weight: 0.8 },
 45 |       { name: 'language', weight: 0.6 }
 46 |     ],
 47 |     threshold: 0.4,
 48 |     includeScore: true
 49 |   })
 50 | })
 51 | 
 52 | // 快捷键处理
 53 | const { Meta_K, Ctrl_K } = useMagicKeys({
 54 |   passive: false,
 55 |   onEventFired(e) {
 56 |     if (e.key === 'k' && (e.metaKey || e.ctrlKey))
 57 |       e.preventDefault()
 58 |   },
 59 | })
 60 | 
 61 | watch([Meta_K, Ctrl_K], (v) => {
 62 |   if (v[0] || v[1])
 63 |     handleOpenChange()
 64 | })
 65 | 
 66 | // 事件处理
 67 | function handleOpenChange() {
 68 |   open.value = true;
 69 | }
 70 | 
 71 | function handleItemSelect(url: string) {
 72 |   window.open(url, '_blank')
 73 |   open.value = false
 74 | }
 75 | </script>
 76 | 
 77 | <template>
 78 |   <div class="mt-100">
 79 |     <CommandDialog v-model:open="open">
 80 |       <div class="flex items-center border-b px-3" cmdk-input-wrapper>
 81 |         <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
 82 |         <input auto-focus
 83 |           :class="cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 border-none')"
 84 |           v-model="searchQuery" placeholder="Search Github Name Or Description" />
 85 |       </div>
 86 |       <CommandList>
 87 |         <CommandEmpty>No results found.</CommandEmpty>
 88 |         <CommandGroup v-if="searchResults.length > 0" heading="Search Results">
 89 |           <CommandItem v-for="star in searchResults" :key="star.full_name" :value="star.name">
 90 |             <div class="flex flex-col gap-1">
 91 |               <div class="flex items-center gap-2">
 92 |                 <span class="text-md font-medium">{{ star.name }}</span>
 93 |                 <span v-if="star.language" class="text-xs text-muted-foreground">{{ star.language }}</span>
 94 |                 <span class="text-xs text-muted-foreground">⭐ {{ star.stargazers_count }}</span>
 95 |               </div>
 96 |               <p v-if="star.description" class="text-sm text-muted-foreground line-clamp-1">
 97 |                 {{ star.description }}
 98 |               </p>
 99 |             </div>
100 |           </CommandItem>
101 |         </CommandGroup>
102 |       </CommandList>
103 |     </CommandDialog>
104 |   </div>
105 | </template>


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import Fuse from 'fuse.js'
  3 | 
  4 | const allStars = inject('allStars')
  5 | const searchQuery = ref('')
  6 | const fuse = new Fuse(allStars.value, {
  7 |   keys: [
  8 |     { name: 'name', weight: 1 },
  9 |     { name: 'description', weight: 0.8 },
 10 |     { name: 'language', weight: 0.6 }
 11 |   ],
 12 |   threshold: 0.6,
 13 |   includeScore: true,
 14 |   minMatchCharLength: 1,
 15 |   useExtendedSearch: true
 16 | })
 17 | 
 18 | // Add new computed property for language counts
 19 | const languageCounts = computed(() => {
 20 |   const counts = {}
 21 |   allStars.value.forEach(star => {
 22 |     if (star.language) {
 23 |       counts[star.language] = (counts[star.language] || 0) + 1
 24 |     }
 25 |   })
 26 |   return counts
 27 | })
 28 | 
 29 | // Add selected language state
 30 | const selectedLanguage = ref('')
 31 | 
 32 | // Modify search results to include language filtering
 33 | const searchResults = computed(() => {
 34 |   let filtered = allStars.value
 35 |   
 36 |   // Apply language filter
 37 |   if (selectedLanguage.value) {
 38 |     filtered = filtered.filter(star => star.language === selectedLanguage.value)
 39 |   }
 40 |   
 41 |   // Apply search filter
 42 |   if (searchQuery.value && fuse) {
 43 |     const results = fuse.search(searchQuery.value)
 44 |     filtered = results.map(result => result.item)
 45 |   }
 46 |   
 47 |   return filtered || []
 48 | })
 49 | 
 50 | // Add language selection handler
 51 | const selectLanguage = (language: string) => {
 52 |   selectedLanguage.value = language === selectedLanguage.value ? '' : language
 53 | }
 54 | 
 55 | const openStarPage = (url: string) => {
 56 |   window.open(url)
 57 | }
 58 | 
 59 | const getMyStars = () => {
 60 |   window.open('https://github.com/xiaoxiunique/ustars')
 61 | }
 62 | 
 63 | // 添加菜单状态控制
 64 | const isMobileMenuOpen = ref(false)
 65 | 
 66 | // 添加切换菜单方法
 67 | const toggleMobileMenu = () => {
 68 |   isMobileMenuOpen.value = !isMobileMenuOpen.value
 69 | }
 70 | </script>
 71 | 
 72 | <template>
 73 |   <div class="flex">
 74 |     <div
 75 |       class="sticky top-0 z-20 lg:m-4 group max-sm:w-full flex flex-col flex-shrink-0 lg:w-64 lg:group-[.is-open]:w-64 lg:group-[.is-open]:translate-x-0 -translate-x-full -ml-4 my-4 max-w-64 lg:translate-x-0 transition-all duration-500 ease-in-out bg-white/90 lg:bg-white/40 backdrop-blur-md rounded-2xl h-[calc(100vh-2rem)] border border-t-white/10 border-b-gray-200">
 76 |       <button
 77 |         class="absolute -right-4 top-4 lg:hidden w-11 h-11 flex items-center justify-center rounded-full bg-white text-black border hover:bg-white/80 transition-colors duration-200"><i
 78 |           class="ri-arrow-right-s-line text-xl"></i></button>
 79 |       <div class="lg:hidden flex items-center justify-between pl-6 -pr-12 pt-4"><span
 80 |           class="text-lg font-semibold">Menus</span></div>
 81 |       <div class="lg:hidden mx-4 m-4 relative"><button
 82 |           class="w-full px-4 py-3 text-sm font-medium rounded-full border bg-white/50 text-black border-gray-300 hover:bg-white/80 transition-colors duration-200 flex items-center justify-between"><span
 83 |             class="flex items-center"><i class="mr-2 apps"></i>Category</span><i
 84 |             class="ri-arrow-down-s-line transition-transform duration-200 "></i></button></div>
 85 |       <div class="overflow-y-auto flex-grow scrollbar-hide px-4 py-4">
 86 |         <ul class="space-y-2">
 87 |           <li @click="selectedLanguage = ''"
 88 |             :class="['text-gray-700 hover:text-black hover:bg-gray-100 group flex gap-x-2 rounded-xl px-3 py-2 text-sm leading-6 font-semibold cursor-pointer transition-all duration-100 ease-in-out',
 89 |             !selectedLanguage ? 'bg-white/80 text-black' : 'text-gray-500']">
 90 |             <i class="ri-apps-2-line"></i>
 91 |             <span class="flex-grow truncate">All Languages</span>
 92 |             <span class="text-xs ml-auto py-1 px-2 rounded-md bg-gray-50 border-gray-200 border">
 93 |               {{ allStars.length }}
 94 |             </span>
 95 |           </li>
 96 |           <li v-for="language in Object.keys(languageCounts)" :key="language"
 97 |             @click="selectLanguage(language)"
 98 |             :class="['text-gray-700 hover:text-black hover:bg-gray-100 group flex gap-x-2 rounded-xl px-3 py-2 text-sm leading-6 font-semibold cursor-pointer transition-all duration-100 ease-in-out',
 99 |             selectedLanguage === language ? 'bg-white/80 text-black' : 'text-gray-500']">
100 |             <i class="ri-code-line"></i>
101 |             <span class="flex-grow truncate">{{ language || 'Unknown' }}</span>
102 |             <span class="text-xs ml-auto py-1 px-2 rounded-md bg-gray-50 border-gray-200 border">
103 |               {{ languageCounts[language] }}
104 |             </span>
105 |           </li>
106 |         </ul>
107 |       </div>
108 |     </div>
109 |     <div class="flex flex-col">
110 |       <div
111 |         class="sticky top-0 z-10 flex flex-row my-4 justify-between items-center py-3.5 px-4  bg-white/40 backdrop-blur-md rounded-2xl">
112 |         <div class="flex items-center justify-center">
113 |           <a href="/" class="flex items-center"><span class="text-2xl font-serif text-black">U Stars</span></a>
114 |         </div>
115 |         <div class="items-center min-w-96 md:flex hidden">
116 |           <input placeholder="Search Github Name Or Description"
117 |             class="text-sm w-full px-4 py-3 rounded-full border border-gray-200 focus:outline-none focus:ring-1 focus:ring-black"
118 |             type="text" v-model="searchQuery">
119 |         </div>
120 |         <div class="flex items-center lg:gap-4 gap-2">
121 |           <Button @click="getMyStars">
122 |             Get U Stars
123 |           </Button>
124 |         </div>
125 |       </div>
126 |       <div class="text-center my-4 text-gray-600 text-lg font-light hidden">
127 |         Discover and organize your GitHub stars with ease
128 |       </div>
129 |       <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
130 |         <div v-for="star in searchResults" :key="star.id"
131 |           class="rounded-md p-2 sm:p-4 hover:p-3 flex flex-col border border-gray-200 hover:bg-white/80 hover:border transition-all duration-200 ease-in-out relative cursor-pointer bg-white/40"
132 |           @click="openStarPage(star.html_url)">
133 |           <div class="flex items-center justify-between">
134 |             <div class="flex items-center">
135 |               <span class="text-md font-medium">{{ star.name }}</span>
136 |             </div>
137 |             <div class="text-sm text-gray-500">{{ star.stargazers_count }}</div>
138 |           </div>
139 | 
140 |           <div class="text-sm text-gray-500 mt-2 line-clamp-2 min-h-10">{{ star.description }}</div>
141 | 
142 |           <div class="flex items-center justify-end mt-2">
143 |             <div class="text-sm text-gray-500">{{ star.language }}</div>
144 |           </div>
145 | 
146 |           <!-- star chart -->
147 |           <!-- <div class="flex items-center justify-center">
148 |         <img :src="`https://starchart.cc/${star.full_name}.svg`" alt="star chart" class="w-full h-full">
149 |       </div> -->
150 |         </div>
151 | 
152 |         <div class="flex items-center justify-center" v-if="searchResults.length === 0">
153 |           <div class="text-sm text-gray-500">No stars found</div>
154 |         </div>
155 |       </div>
156 | 
157 |     </div>
158 |   </div>
159 | 
160 | </template>
161 | 
162 | 
163 | <style scoped>
164 | /* 隐藏滚动条 */
165 | ::-webkit-scrollbar {
166 |   display: none;
167 | }
168 | </style>
169 | 


--------------------------------------------------------------------------------
/app.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import Search from '@/pages/components/search.vue'
  3 | 
  4 | const allStars = ref([
  5 |   {
  6 |     "stargazers_count": 350,
  7 |     "language": "TypeScript",
  8 |     "description": "A fully customizable component library built on top of shadcn/ui. Beautiful, accessible, and ready for production.",
  9 |     "full_name": "Codehagen/Prismui",
 10 |     "name": "Prismui",
 11 |     "topics": [
 12 |       "open-source",
 13 |       "prisma",
 14 |       "shadcn-ui",
 15 |       "tailwind",
 16 |       "typescript"
 17 |     ],
 18 |     "user": {
 19 |       "avatar": "https://avatars.githubusercontent.com/u/24507211?v=4",
 20 |       "login": "Codehagen"
 21 |     },
 22 |     "html_url": "https://github.com/Codehagen/Prismui",
 23 |     "created_at": "2025-01-03T08:53:54Z",
 24 |     "updated_at": "2025-01-06T16:32:22Z"
 25 |   },
 26 |   {
 27 |     "stargazers_count": 5160,
 28 |     "language": "TypeScript",
 29 |     "description": "开源的SSL证书管理工具，可以帮助你自动申请、部署SSL证书，并在证书即将过期时自动续期。An open-source SSL certificate management tool that helps you automatically apply for and deploy SSL certificates, as well as automatically renew them when they are about to expire.",
 30 |     "full_name": "usual2970/certimate",
 31 |     "name": "certimate",
 32 |     "topics": [
 33 |       "acme",
 34 |       "automation",
 35 |       "certbot",
 36 |       "hacktoberfest",
 37 |       "https",
 38 |       "https-certificate",
 39 |       "lego",
 40 |       "letsencrypt",
 41 |       "ssl",
 42 |       "ssl-cert",
 43 |       "ssl-certificate",
 44 |       "ssl-certificates"
 45 |     ],
 46 |     "user": {
 47 |       "avatar": "https://avatars.githubusercontent.com/u/1818414?v=4",
 48 |       "login": "usual2970"
 49 |     },
 50 |     "html_url": "https://github.com/usual2970/certimate",
 51 |     "created_at": "2024-08-21T03:54:39Z",
 52 |     "updated_at": "2025-01-06T13:42:04Z"
 53 |   },
 54 |   {
 55 |     "stargazers_count": 64,
 56 |     "language": "JavaScript",
 57 |     "description": "将你的星标项目做成前端页面",
 58 |     "full_name": "Mran/githubstartog",
 59 |     "name": "githubstartog",
 60 |     "topics": [
 61 |       "golang",
 62 |       "starred-repositories",
 63 |       "starred-search"
 64 |     ],
 65 |     "user": {
 66 |       "avatar": "https://avatars.githubusercontent.com/u/4069404?v=4",
 67 |       "login": "Mran"
 68 |     },
 69 |     "html_url": "https://github.com/Mran/githubstartog",
 70 |     "created_at": "2024-12-12T10:01:07Z",
 71 |     "updated_at": "2025-01-06T12:57:55Z"
 72 |   },
 73 |   {
 74 |     "stargazers_count": 130,
 75 |     "language": "TypeScript",
 76 |     "description": "Generate beautiful Open Graph images",
 77 |     "full_name": "FadyMak/imgsrc-app",
 78 |     "name": "imgsrc-app",
 79 |     "topics": [
 80 |       "image-generation",
 81 |       "opengraph",
 82 |       "social"
 83 |     ],
 84 |     "user": {
 85 |       "avatar": "https://avatars.githubusercontent.com/u/12938935?v=4",
 86 |       "login": "FadyMak"
 87 |     },
 88 |     "html_url": "https://github.com/FadyMak/imgsrc-app",
 89 |     "created_at": "2024-12-20T10:39:04Z",
 90 |     "updated_at": "2025-01-06T13:18:28Z"
 91 |   },
 92 |   {
 93 |     "stargazers_count": 4625,
 94 |     "language": "Rust",
 95 |     "description": "Readyset is a MySQL and Postgres wire-compatible caching layer that sits in front of existing databases to speed up queries and horizontally scale read throughput. Under the hood, ReadySet caches the results of cached select statements and incrementally updates these results over time as the underlying data changes.",
 96 |     "full_name": "readysettech/readyset",
 97 |     "name": "readyset",
 98 |     "topics": [
 99 |       "backend",
100 |       "cache",
101 |       "caching",
102 |       "caching-proxy",
103 |       "databases",
104 |       "mysql",
105 |       "mysql-database",
106 |       "postgres",
107 |       "postgresql",
108 |       "postgresql-database",
109 |       "rust",
110 |       "rust-lang",
111 |       "sql",
112 |       "streaming-data"
113 |     ],
114 |     "user": {
115 |       "avatar": "https://avatars.githubusercontent.com/u/71727599?v=4",
116 |       "login": "readysettech"
117 |     },
118 |     "html_url": "https://github.com/readysettech/readyset",
119 |     "created_at": "2022-05-24T14:39:20Z",
120 |     "updated_at": "2025-01-06T16:18:28Z"
121 |   },
122 |   {
123 |     "stargazers_count": 1359,
124 |     "language": "Go",
125 |     "description": "Nitric is a multi-language framework for cloud applications with infrastructure from code.",
126 |     "full_name": "nitrictech/nitric",
127 |     "name": "nitric",
128 |     "topics": [
129 |       "ai",
130 |       "aws",
131 |       "azure",
132 |       "backend",
133 |       "cloud",
134 |       "cloud-native",
135 |       "dart",
136 |       "devops",
137 |       "gcp",
138 |       "go",
139 |       "golang",
140 |       "infrastructure-as-code",
141 |       "javascript",
142 |       "microservices",
143 |       "nitric",
144 |       "pulumi",
145 |       "python",
146 |       "serverless",
147 |       "terraform",
148 |       "typescript"
149 |     ],
150 |     "user": {
151 |       "avatar": "https://avatars.githubusercontent.com/u/72055470?v=4",
152 |       "login": "nitrictech"
153 |     },
154 |     "html_url": "https://github.com/nitrictech/nitric",
155 |     "created_at": "2020-12-01T21:50:56Z",
156 |     "updated_at": "2025-01-06T11:57:37Z"
157 |   },
158 |   {
159 |     "stargazers_count": 6056,
160 |     "language": "Python",
161 |     "description": "A suite of utilities for converting to and working with CSV, the king of tabular file formats.",
162 |     "full_name": "wireservice/csvkit",
163 |     "name": "csvkit",
164 |     "topics": [],
165 |     "user": {
166 |       "avatar": "https://avatars.githubusercontent.com/u/17111824?v=4",
167 |       "login": "wireservice"
168 |     },
169 |     "html_url": "https://github.com/wireservice/csvkit",
170 |     "created_at": "2011-04-01T03:00:30Z",
171 |     "updated_at": "2025-01-05T21:45:37Z"
172 |   },
173 |   {
174 |     "stargazers_count": 9163,
175 |     "language": "Shell",
176 |     "description": "Enable macOS HiDPI and have a native setting.",
177 |     "full_name": "xzhih/one-key-hidpi",
178 |     "name": "one-key-hidpi",
179 |     "topics": [
180 |       "hidpi",
181 |       "macos-hidpi"
182 |     ],
183 |     "user": {
184 |       "avatar": "https://avatars.githubusercontent.com/u/13920737?v=4",
185 |       "login": "xzhih"
186 |     },
187 |     "html_url": "https://github.com/xzhih/one-key-hidpi",
188 |     "created_at": "2018-04-02T16:30:45Z",
189 |     "updated_at": "2025-01-06T08:09:28Z"
190 |   },
191 |   {
192 |     "stargazers_count": 2969,
193 |     "language": "TypeScript",
194 |     "description": "🪄 An online tool for making notion-style avatars.",
195 |     "full_name": "Mayandev/notion-avatar",
196 |     "name": "notion-avatar",
197 |     "topics": [
198 |       "avatar",
199 |       "nextjs",
200 |       "notion"
201 |     ],
202 |     "user": {
203 |       "avatar": "https://avatars.githubusercontent.com/u/28648715?v=4",
204 |       "login": "Mayandev"
205 |     },
206 |     "html_url": "https://github.com/Mayandev/notion-avatar",
207 |     "created_at": "2021-09-24T04:03:03Z",
208 |     "updated_at": "2025-01-06T16:00:54Z"
209 |   },
210 |   {
211 |     "stargazers_count": 1034,
212 |     "language": "C++",
213 |     "description": "📟 Switch your input method through terminal",
214 |     "full_name": "daipeihust/im-select",
215 |     "name": "im-select",
216 |     "topics": [
217 |       "im",
218 |       "keyboard-layout",
219 |       "linux",
220 |       "mac",
221 |       "terminal",
222 |       "windows"
223 |     ],
224 |     "user": {
225 |       "avatar": "https://avatars.githubusercontent.com/u/13344830?v=4",
226 |       "login": "daipeihust"
227 |     },
228 |     "html_url": "https://github.com/daipeihust/im-select",
229 |     "created_at": "2018-05-29T05:52:30Z",
230 |     "updated_at": "2025-01-05T13:58:13Z"
231 |   },
232 |   {
233 |     "stargazers_count": 16360,
234 |     "language": "Python",
235 |     "description": "A cd command that learns - easily navigate directories from the command line",
236 |     "full_name": "wting/autojump",
237 |     "name": "autojump",
238 |     "topics": [
239 |       "autojump",
240 |       "command-line-tool",
241 |       "filesystem",
242 |       "python"
243 |     ],
244 |     "user": {
245 |       "avatar": "https://avatars.githubusercontent.com/u/622170?v=4",
246 |       "login": "wting"
247 |     },
248 |     "html_url": "https://github.com/wting/autojump",
249 |     "created_at": "2009-01-14T11:18:07Z",
250 |     "updated_at": "2025-01-06T08:22:05Z"
251 |   },
252 |   {
253 |     "stargazers_count": 852,
254 |     "language": "Shell",
255 |     "description": "Always on top solution, quickly install Afloat in macOS",
256 |     "full_name": "rwu823/afloat",
257 |     "name": "afloat",
258 |     "topics": [
259 |       "afloat",
260 |       "macos",
261 |       "on-top",
262 |       "osx"
263 |     ],
264 |     "user": {
265 |       "avatar": "https://avatars.githubusercontent.com/u/890063?v=4",
266 |       "login": "rwu823"
267 |     },
268 |     "html_url": "https://github.com/rwu823/afloat",
269 |     "created_at": "2015-09-22T03:04:39Z",
270 |     "updated_at": "2025-01-04T19:49:54Z"
271 |   },
272 |   {
273 |     "stargazers_count": 366,
274 |     "language": "Objective-C",
275 |     "description": "An alternative to Afloat that lives in the dock icon menu ",
276 |     "full_name": "jslegendre/AfloatX",
277 |     "name": "AfloatX",
278 |     "topics": [
279 |       "macforge",
280 |       "macforge-plugin",
281 |       "nswindow",
282 |       "simbl",
283 |       "simbl-plugin"
284 |     ],
285 |     "user": {
286 |       "avatar": "https://avatars.githubusercontent.com/u/20951585?v=4",
287 |       "login": "jslegendre"
288 |     },
289 |     "html_url": "https://github.com/jslegendre/AfloatX",
290 |     "created_at": "2019-10-20T02:26:19Z",
291 |     "updated_at": "2025-01-01T23:37:01Z"
292 |   },
293 |   {
294 |     "stargazers_count": 8471,
295 |     "language": "Go",
296 |     "description": "Open Source Development Platform for building robust type-safe distributed systems with declarative infrastructure",
297 |     "full_name": "encoredev/encore",
298 |     "name": "encore",
299 |     "topics": [
300 |       "api",
301 |       "aws",
302 |       "backend",
303 |       "backend-framework",
304 |       "cloud",
305 |       "cloud-native",
306 |       "database",
307 |       "devops",
308 |       "distributed-systems",
309 |       "encore",
310 |       "gcp",
311 |       "go",
312 |       "golang",
313 |       "microservice-framework",
314 |       "microservices",
315 |       "nodejs-framework",
316 |       "postgresql",
317 |       "serverless",
318 |       "typescript",
319 |       "typescript-framework"
320 |     ],
321 |     "user": {
322 |       "avatar": "https://avatars.githubusercontent.com/u/50438175?v=4",
323 |       "login": "encoredev"
324 |     },
325 |     "html_url": "https://github.com/encoredev/encore",
326 |     "created_at": "2021-02-17T16:33:24Z",
327 |     "updated_at": "2025-01-06T16:14:17Z"
328 |   },
329 |   {
330 |     "stargazers_count": 10286,
331 |     "language": "TypeScript",
332 |     "description": "A self-hostable bookmark-everything app (links, notes and images) with AI-based automatic tagging and full text search",
333 |     "full_name": "hoarder-app/hoarder",
334 |     "name": "hoarder",
335 |     "topics": [
336 |       "bookmark-manager",
337 |       "bookmarks",
338 |       "bookmarks-manager",
339 |       "nextjs",
340 |       "react-native",
341 |       "read-it-later",
342 |       "self-hosted"
343 |     ],
344 |     "user": {
345 |       "avatar": "https://avatars.githubusercontent.com/u/170265186?v=4",
346 |       "login": "hoarder-app"
347 |     },
348 |     "html_url": "https://github.com/hoarder-app/hoarder",
349 |     "created_at": "2024-02-06T12:28:31Z",
350 |     "updated_at": "2025-01-06T16:23:32Z"
351 |   },
352 |   {
353 |     "stargazers_count": 3085,
354 |     "language": "Vue",
355 |     "description": "在线批量下载微信公众号文章，支持阅读量、评论、内嵌音视频，无需搭建任何环境，可100%还原文章样式，支持私有部署",
356 |     "full_name": "jooooock/wechat-article-exporter",
357 |     "name": "wechat-article-exporter",
358 |     "topics": [
359 |       "download",
360 |       "wechat",
361 |       "wechat-article"
362 |     ],
363 |     "user": {
364 |       "avatar": "https://avatars.githubusercontent.com/u/156505552?v=4",
365 |       "login": "jooooock"
366 |     },
367 |     "html_url": "https://github.com/jooooock/wechat-article-exporter",
368 |     "created_at": "2024-07-17T14:41:12Z",
369 |     "updated_at": "2025-01-06T10:52:36Z"
370 |   },
371 |   {
372 |     "stargazers_count": 1694,
373 |     "language": "TypeScript",
374 |     "description": "💬 Chat with anyone on any website.",
375 |     "full_name": "molvqingtai/WebChat",
376 |     "name": "WebChat",
377 |     "topics": [
378 |       "browser-extension",
379 |       "chat",
380 |       "chrome-extension",
381 |       "p2p",
382 |       "webchat",
383 |       "webrtc"
384 |     ],
385 |     "user": {
386 |       "avatar": "https://avatars.githubusercontent.com/u/26295698?v=4",
387 |       "login": "molvqingtai"
388 |     },
389 |     "html_url": "https://github.com/molvqingtai/WebChat",
390 |     "created_at": "2023-06-30T14:41:52Z",
391 |     "updated_at": "2025-01-06T13:34:02Z"
392 |   },
393 |   {
394 |     "stargazers_count": 5467,
395 |     "language": "TypeScript",
396 |     "description": "The visual editor for React",
397 |     "full_name": "measuredco/puck",
398 |     "name": "puck",
399 |     "topics": [],
400 |     "user": {
401 |       "avatar": "https://avatars.githubusercontent.com/u/65702254?v=4",
402 |       "login": "measuredco"
403 |     },
404 |     "html_url": "https://github.com/measuredco/puck",
405 |     "created_at": "2023-06-02T12:23:41Z",
406 |     "updated_at": "2025-01-06T13:16:27Z"
407 |   },
408 |   {
409 |     "stargazers_count": 5567,
410 |     "language": "TypeScript",
411 |     "description": "Open source Loom alternative. Beautiful, shareable screen recordings.",
412 |     "full_name": "CapSoftware/Cap",
413 |     "name": "Cap",
414 |     "topics": [
415 |       "app",
416 |       "cap",
417 |       "coss",
418 |       "loom",
419 |       "mac",
420 |       "nextjs",
421 |       "nextjs14",
422 |       "open-source",
423 |       "oss",
424 |       "react",
425 |       "record",
426 |       "screen-capture",
427 |       "screen-recorder",
428 |       "screenshot",
429 |       "solidjs",
430 |       "tauri",
431 |       "tauri-app",
432 |       "typescript",
433 |       "vite"
434 |     ],
435 |     "user": {
436 |       "avatar": "https://avatars.githubusercontent.com/u/151241629?v=4",
437 |       "login": "CapSoftware"
438 |     },
439 |     "html_url": "https://github.com/CapSoftware/Cap",
440 |     "created_at": "2023-11-17T20:31:46Z",
441 |     "updated_at": "2025-01-06T16:23:34Z"
442 |   },
443 |   {
444 |     "stargazers_count": 433,
445 |     "language": "TypeScript",
446 |     "description": "Generate OG Images with Vue templates in Nuxt.",
447 |     "full_name": "nuxt-modules/og-image",
448 |     "name": "og-image",
449 |     "topics": [],
450 |     "user": {
451 |       "avatar": "https://avatars.githubusercontent.com/u/111748132?v=4",
452 |       "login": "nuxt-modules"
453 |     },
454 |     "html_url": "https://github.com/nuxt-modules/og-image",
455 |     "created_at": "2022-12-14T10:14:51Z",
456 |     "updated_at": "2025-01-02T01:57:11Z"
457 |   },
458 |   {
459 |     "stargazers_count": 1735,
460 |     "language": null,
461 |     "description": "🚁🚀 机场推荐 |  熊猫VPN（PandaVPNPro）已确定跑路！快连VPN ，小牛加速器（小牛VPN）体验不佳且价格贵。低价机场，便宜机场，平价机场，性价比机场，高速机场，稳定机场，一元机场，翻墙机场，付费机场，收费机场，冷门机场，优质机场，廉价机场。机场评测，中国翻墙，科学上网，梯子。非永久免费梯子，官网，非永久免费VPN，非免费机场！VPN China。机场节点订阅，节点分享，Clash节点，V2ray节点，非免费节点。适用ClashForWindows，V2rayN，singbox，nekobox，小火箭等代理软件🚀🚁",
462 |     "full_name": "DiningFactory/panda-vpn-pro",
463 |     "name": "panda-vpn-pro",
464 |     "topics": [
465 |       "airport",
466 |       "clash",
467 |       "gfw",
468 |       "hysteria2",
469 |       "shadowsocks",
470 |       "sing-box",
471 |       "ssr",
472 |       "trojan",
473 |       "v2ray",
474 |       "vless",
475 |       "vmess",
476 |       "vpn"
477 |     ],
478 |     "user": {
479 |       "avatar": "https://avatars.githubusercontent.com/u/130195470?v=4",
480 |       "login": "DiningFactory"
481 |     },
482 |     "html_url": "https://github.com/DiningFactory/panda-vpn-pro",
483 |     "created_at": "2023-04-08T01:36:14Z",
484 |     "updated_at": "2025-01-06T14:23:07Z"
485 |   },
486 |   {
487 |     "stargazers_count": 1715,
488 |     "language": "Shell",
489 |     "description": "《语法俱乐部》- 旋元佑",
490 |     "full_name": "llwslc/grammar-club",
491 |     "name": "grammar-club",
492 |     "topics": [],
493 |     "user": {
494 |       "avatar": "https://avatars.githubusercontent.com/u/5865414?v=4",
495 |       "login": "llwslc"
496 |     },
497 |     "html_url": "https://github.com/llwslc/grammar-club",
498 |     "created_at": "2019-06-04T19:15:37Z",
499 |     "updated_at": "2025-01-06T09:46:55Z"
500 |   },
501 |   {
502 |     "stargazers_count": 5200,
503 |     "language": "Go",
504 |     "description": "解决Cursor在免费订阅期间出现以下提示的问题:  Too many free trial accounts used on this machine. Please upgrade to pro. We have this limit in place to prevent abuse. Please let us know if you believe this is a mistake.",
505 |     "full_name": "yuaotian/go-cursor-help",
506 |     "name": "go-cursor-help",
507 |     "topics": [
508 |       "cursor",
509 |       "error"
510 |     ],
511 |     "user": {
512 |       "avatar": "https://avatars.githubusercontent.com/u/50616060?v=4",
513 |       "login": "yuaotian"
514 |     },
515 |     "html_url": "https://github.com/yuaotian/go-cursor-help",
516 |     "created_at": "2024-12-09T07:07:09Z",
517 |     "updated_at": "2025-01-06T16:06:53Z"
518 |   },
519 |   {
520 |     "stargazers_count": 313,
521 |     "language": "TypeScript",
522 |     "description": "一个用于抓取和分析 X (Twitter) 用户数据和推文的工具。",
523 |     "full_name": "xiaoxiunique/x-kit",
524 |     "name": "x-kit",
525 |     "topics": [
526 |       "crawler",
527 |       "kols",
528 |       "twitter",
529 |       "x"
530 |     ],
531 |     "user": {
532 |       "avatar": "https://avatars.githubusercontent.com/u/27221739?v=4",
533 |       "login": "xiaoxiunique"
534 |     },
535 |     "html_url": "https://github.com/xiaoxiunique/x-kit",
536 |     "created_at": "2024-12-16T03:05:01Z",
537 |     "updated_at": "2025-01-06T16:01:11Z"
538 |   },
539 |   {
540 |     "stargazers_count": 7453,
541 |     "language": "TypeScript",
542 |     "description": "Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.",
543 |     "full_name": "leerob/next-saas-starter",
544 |     "name": "next-saas-starter",
545 |     "topics": [
546 |       "nextjs",
547 |       "postgres",
548 |       "shadcn-ui",
549 |       "stripe"
550 |     ],
551 |     "user": {
552 |       "avatar": "https://avatars.githubusercontent.com/u/9113740?v=4",
553 |       "login": "leerob"
554 |     },
555 |     "html_url": "https://github.com/leerob/next-saas-starter",
556 |     "created_at": "2024-09-10T00:18:56Z",
557 |     "updated_at": "2025-01-06T16:07:03Z"
558 |   },
559 |   {
560 |     "stargazers_count": 28742,
561 |     "language": "TypeScript",
562 |     "description": "Shardeum is an EVM based autoscaling blockchain",
563 |     "full_name": "shardeum/shardeum",
564 |     "name": "shardeum",
565 |     "topics": [
566 |       "blockchain",
567 |       "dapp",
568 |       "ethereum",
569 |       "evm",
570 |       "evm-blockchain",
571 |       "payments",
572 |       "sharding",
573 |       "typescript"
574 |     ],
575 |     "user": {
576 |       "avatar": "https://avatars.githubusercontent.com/u/98940804?v=4",
577 |       "login": "shardeum"
578 |     },
579 |     "html_url": "https://github.com/shardeum/shardeum",
580 |     "created_at": "2024-04-16T22:37:25Z",
581 |     "updated_at": "2025-01-06T16:29:04Z"
582 |   },
583 |   {
584 |     "stargazers_count": 618,
585 |     "language": "TypeScript",
586 |     "description": "Synpress is e2e testing framework based on Cypress.io and playwright with support for metamask.",
587 |     "full_name": "Synthetixio/synpress",
588 |     "name": "synpress",
589 |     "topics": [
590 |       "blockchain",
591 |       "cypress",
592 |       "docker",
593 |       "e2e",
594 |       "ethereum",
595 |       "metamask",
596 |       "playwright",
597 |       "testing"
598 |     ],
599 |     "user": {
600 |       "avatar": "https://avatars.githubusercontent.com/u/30892445?v=4",
601 |       "login": "Synthetixio"
602 |     },
603 |     "html_url": "https://github.com/Synthetixio/synpress",
604 |     "created_at": "2020-11-18T22:10:14Z",
605 |     "updated_at": "2025-01-05T02:16:21Z"
606 |   },
607 |   {
608 |     "stargazers_count": 1346,
609 |     "language": "C",
610 |     "description": "HTTP client for PostgreSQL, retrieve a web page from inside the database.",
611 |     "full_name": "pramsey/pgsql-http",
612 |     "name": "pgsql-http",
613 |     "topics": [],
614 |     "user": {
615 |       "avatar": "https://avatars.githubusercontent.com/u/113883?v=4",
616 |       "login": "pramsey"
617 |     },
618 |     "html_url": "https://github.com/pramsey/pgsql-http",
619 |     "created_at": "2012-04-18T22:32:42Z",
620 |     "updated_at": "2025-01-02T13:34:26Z"
621 |   },
622 |   {
623 |     "stargazers_count": 30845,
624 |     "language": "TypeScript",
625 |     "description": "Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.",
626 |     "full_name": "payloadcms/payload",
627 |     "name": "payload",
628 |     "topics": [
629 |       "cms",
630 |       "content-management",
631 |       "content-management-system",
632 |       "express",
633 |       "graphql",
634 |       "headless",
635 |       "headless-cms",
636 |       "jamstack",
637 |       "javascript",
638 |       "mit-license",
639 |       "mongodb",
640 |       "nextjs",
641 |       "nodejs",
642 |       "open-source",
643 |       "payload",
644 |       "payloadcms",
645 |       "postgres",
646 |       "react",
647 |       "typescript"
648 |     ],
649 |     "user": {
650 |       "avatar": "https://avatars.githubusercontent.com/u/62968818?v=4",
651 |       "login": "payloadcms"
652 |     },
653 |     "html_url": "https://github.com/payloadcms/payload",
654 |     "created_at": "2021-01-05T18:49:45Z",
655 |     "updated_at": "2025-01-06T16:21:11Z"
656 |   },
657 |   {
658 |     "stargazers_count": 1390,
659 |     "language": null,
660 |     "description": "Postman collection for Binance Public API, including spot, margin, futures, etc.",
661 |     "full_name": "binance/binance-api-postman",
662 |     "name": "binance-api-postman",
663 |     "topics": [
664 |       "binance-api",
665 |       "connector",
666 |       "crypto",
667 |       "market-data"
668 |     ],
669 |     "user": {
670 |       "avatar": "https://avatars.githubusercontent.com/u/69836600?v=4",
671 |       "login": "binance"
672 |     },
673 |     "html_url": "https://github.com/binance/binance-api-postman",
674 |     "created_at": "2020-02-07T02:11:10Z",
675 |     "updated_at": "2025-01-06T15:54:50Z"
676 |   }
677 | ])
678 | 
679 | onMounted(async () => {
680 |   const response = await fetch('/api/stars')
681 |   allStars.value = await response.json()
682 | })
683 | 
684 | provide('allStars', allStars)
685 | 
686 | </script>
687 | <template>
688 |   <div class="bg-gradient-to-t from-[#C1C9DB] to-[#E0E0E1] h-full min-h-screen bg-fixed trancy-zh-CN">
689 |     <NuxtLayout>
690 |       <Search />
691 |       <NuxtPage />
692 |     </NuxtLayout>
693 |   </div>
694 | </template>
695 | 


--------------------------------------------------------------------------------