Merge branch 'main' into feat/invalid-query-length-message

Author: MatteoGabriele

app/pages/index.vue

@@ -4,6 +4,17 @@ import { debounce } from 'perfect-debounce'
 const searchQuery = shallowRef('')
 const searchInputRef = useTemplateRef('searchInputRef')
 const { focused: isSearchFocused } = useFocus(searchInputRef)
+const frameworks = ref([
+  { name: 'nuxt', package: 'nuxt' },
+  { name: 'vue', package: 'vue' },
+  { name: 'react', package: 'react' },
+  { name: 'svelte', package: 'svelte' },
+  { name: 'vite', package: 'vite' },
+  { name: 'next', package: 'next' },
+  { name: 'astro', package: 'astro' },
+  { name: 'typescript', package: 'typescript' },
+  { name: 'Angular', package: '@angular/core' },
+])
 
 async function search() {
   const query = searchQuery.value.trim()
@@ -114,18 +125,15 @@ defineOgImageComponent('Default', {
         style="animation-delay: 0.3s"
       >
         <ul class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0">
-          <li
-            v-for="pkg in ['nuxt', 'vue', 'react', 'svelte', 'vite', 'next', 'astro', 'typescript']"
-            :key="pkg"
-          >
+          <li v-for="framework in frameworks" :key="framework.name">
             <NuxtLink
-              :to="{ name: 'package', params: { package: [pkg] } }"
+              :to="{ name: 'package', params: { package: [framework.package] } }"
               class="link-subtle font-mono text-sm inline-flex items-center gap-2 group"
             >
               <span
                 class="w-1 h-1 rounded-full bg-accent group-hover:bg-fg transition-colors duration-200"
               />
-              {{ pkg }}
+              {{ framework.name }}
             </NuxtLink>
           </li>
         </ul>

test/nuxt/a11y.spec.ts

@@ -1978,7 +1978,7 @@ describe('background theme accessibility', () => {
         it(`${colorMode}/${bgTheme}`, async () => {
           applyTheme(colorMode, bgTheme)
           const results = await runAxe(await mount())
-          await new Promise(resolve => setTimeout(resolve, 2000))
+          await nextTick()
           expect(results.violations).toEqual([])
         })
       }