Pre-generate homepage (#1699)

* Pregenerate homepage:

* fix lint

pages/app.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { TrashIcon, SearchIcon, BoxIcon, SendIcon, EditIcon, DownloadIcon } from 'omorphia'
 import Avatar from '~/components/ui/Avatar.vue'
-import homepageProjects from '~/generated/homepage.json'
 import LogoAnimated from '~/components/brand/LogoAnimated.vue'
 import Badge from '~/components/ui/Badge.vue'
 import PrismIcon from '~/assets/images/external/prism.svg'
@@ -9,7 +8,6 @@ import ATLauncher from '~/assets/images/external/atlauncher.svg'
 import CurseForge from '~/assets/images/external/curseforge.svg'
 import Checkbox from '~/components/ui/Checkbox.vue'
 
-const val = Math.ceil(homepageProjects.length / 6)
 const os = ref(null)
 const macValue = ref(null)
 const downloadWindows = ref(null)
@@ -27,18 +25,24 @@ const macLinks = {
 
 let downloadLauncher
 
-const rows = shallowRef([
-  homepageProjects.slice(0, val),
-  homepageProjects.slice(val, val * 2),
-  homepageProjects.slice(val * 2, val * 3),
-  homepageProjects.slice(val * 3, val * 4),
-  homepageProjects.slice(val * 4, val * 5),
+const [{ data: rows }, { data: launcherUpdates }] = await Promise.all([
+  useAsyncData('projects', () => useBaseFetch('projects_random?count=40'), {
+    transform: (homepageProjects) => {
+      const val = Math.ceil(homepageProjects.length / 6)
+      return [
+        homepageProjects.slice(0, val),
+        homepageProjects.slice(val, val * 2),
+        homepageProjects.slice(val * 2, val * 3),
+        homepageProjects.slice(val * 3, val * 4),
+        homepageProjects.slice(val * 4, val * 5),
+      ]
+    },
+  }),
+  await useAsyncData('launcherUpdates', () =>
+    $fetch('https://launcher-files.modrinth.com/updates.json')
+  ),
 ])
 
-const { data: launcherUpdates } = await useAsyncData('launcherUpdates', () =>
-  $fetch('https://launcher-files.modrinth.com/updates.json')
-)
-
 macLinks.appleSilicon = launcherUpdates.value.platforms['darwin-aarch64'].install_urls[0]
 macLinks.intel = launcherUpdates.value.platforms['darwin-x86_64'].install_urls[0]
 windowsLink.value = launcherUpdates.value.platforms['windows-x86_64'].install_urls[0]

pages/index.vue

@@ -512,7 +512,6 @@ import PrismLauncherLogo from '~/assets/images/external/prism.svg'
 import ATLauncherLogo from '~/assets/images/external/atlauncher.svg'
 import Avatar from '~/components/ui/Avatar.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
-import homepageProjects from '~/generated/homepage.json'
 
 const searchQuery = ref('better')
 const sortType = ref('relevance')
@@ -520,15 +519,27 @@ const sortType = ref('relevance')
 const auth = await useAuth()
 const tags = useTags()
 
-const searchProjects = ref([])
-const notifications = ref([])
-const updateSearchProjects = async () => {}
-
-const val = Math.ceil(homepageProjects.length / 3)
-const rows = shallowRef([
-  homepageProjects.slice(0, val),
-  homepageProjects.slice(val, val * 2),
-  homepageProjects.slice(val * 2, val * 3),
+const [
+  { data: rows },
+  { data: searchProjects, refresh: updateSearchProjects },
+  { data: notifications },
+] = await Promise.all([
+  useAsyncData('projects', () => useBaseFetch('projects_random?count=40'), {
+    transform: (result) => {
+      const val = Math.ceil(result.length / 3)
+      return [result.slice(0, val), result.slice(val, val * 2), result.slice(val * 2, val * 3)]
+    },
+  }),
+  useAsyncData(
+    'demoSearchProjects',
+    () => useBaseFetch(`search?limit=3&query=${searchQuery.value}&index=${sortType.value}`),
+    {
+      transform: (result) => result.hits,
+    }
+  ),
+  useAsyncData('updatedProjects', () => useBaseFetch(`search?limit=3&query=&index=updated`), {
+    transform: (result) => result.hits,
+  }),
 ])
 </script>
 

pages/settings/account.vue

@@ -392,7 +392,6 @@
 <script setup>
 import {
   EditIcon,
-  UserIcon,
   SaveIcon,
   TrashIcon,
   PlusIcon,