export default {
  async load() {
    return {
      packages: [
        {
          name: 'lucide',
          logo: '/framework-logos/js.svg',
          label: 'Lucide documentation for JavaScript',
        },
        {
          name: 'lucide-react',
          logo: '/framework-logos/react.svg',
          label: 'Lucide documentation for React',
        },
        {
          name: 'lucide-vue-next',
          logo: '/framework-logos/vue.svg',
          label: 'Lucide documentation for Vue 3',
        },
        {
          name: 'lucide-svelte',
          logo: '/framework-logos/svelte.svg',
          label: 'Lucide documentation for Svelte',
        },
        {
          name: 'lucide-solid',
          logo: '/framework-logos/solid.svg',
          label: 'Lucide documentation for Solid',
        },
        {
          name: 'lucide-preact',
          logo: '/framework-logos/preact.svg',
          label: 'Lucide documentation for Preact',
        },
        {
          name: 'lucide-angular',
          logo: '/framework-logos/angular.svg',
          label: 'Lucide documentation for Angular',
        },
        {
          name: 'lucide-astro',
          logo: '/framework-logos/astro.svg',
          logoDark: '/framework-logos/astro-dark.svg',
          label: 'Lucide documentation for Astro',
        },
        {
          name: 'lucide-react-native',
          logo: '/framework-logos/react-native.svg',
          label: 'Lucide documentation for React Native',
        },
      ],
    };
  },
};
