Merge branch 'main' into subgrid

Author: danielroe

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>

nuxt.config.ts

@@ -248,6 +248,9 @@ export default defineNuxtConfig({
         noUnusedLocals: true,
       },
     },
+    sharedTsConfig: {
+      include: ['../test/unit/shared/**/*.ts'],
+    },
     nodeTsConfig: {
       compilerOptions: {
         allowImportingTsExtensions: true,

playwright.config.ts

@@ -16,7 +16,7 @@ export default defineConfig<ConfigOptions>({
     command: 'pnpm start:playwright:webserver',
     url: baseURL,
     reuseExistingServer: false,
-    timeout: 120_000,
+    timeout: 240_000,
   },
   use: {
     baseURL,

test/unit/shared/types/index.spec.ts

@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest'
-import type { NpmPackage, NpmSearchResponse } from '../../../../shared/types'
+import type { Packument, NpmSearchResponse } from '../../../../shared/types'
 
 describe('npm registry types', () => {
   it('should correctly type a package response', () => {
-    const pkg: NpmPackage = {
+    const pkg: Packument = {
       '_id': 'test-package',
       '_rev': '1-abc123',
       'name': 'test-package',
@@ -59,6 +59,7 @@ describe('npm registry types', () => {
       ],
       total: 1,
       time: '2024-01-01T00:00:00.000Z',
+      isStale: false,
     }
 
     expect(response.total).toBe(1)