Merge branch 'main' into accessible-accent

Author: jellydeck

app/components/Readme.vue

@@ -1,8 +1,11 @@
-<!-- simple component only taking slot -->
+<script setup lang="ts">
+defineProps<{
+  html: string
+}>()
+</script>
+
 <template>
-  <article class="readme prose prose-invert max-w-[70ch]">
-    <slot />
-  </article>
+  <article class="readme prose prose-invert max-w-[70ch]" v-html="html" />
 </template>
 
 <style scoped>

app/pages/[...package].vue

@@ -954,7 +954,7 @@ function handleClick(event: MouseEvent) {
           </a>
         </h2>
         <!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
-        <Readme v-if="readmeData?.html" v-html="readmeData.html" @click="handleClick" />
+        <Readme v-if="readmeData?.html" :html="readmeData.html" @click="handleClick" />
         <p v-else class="text-fg-subtle italic">
           {{ $t('package.readme.no_readme') }}
           <a v-if="repositoryUrl" :href="repositoryUrl" rel="noopener noreferrer" class="link">{{

app/pages/code/[...path].vue

@@ -442,7 +442,7 @@ defineOgImageComponent('Default', {
             v-show="markdownViewMode === 'preview'"
             class="flex justify-center p-4"
           >
-            <Readme v-html="fileContent.markdownHtml.html" />
+            <Readme :html="fileContent.markdownHtml.html" />
           </div>
 
           <CodeViewer

nuxt.config.ts

@@ -93,6 +93,8 @@ export default defineNuxtConfig({
     '/opensearch.xml': { isr: true },
     '/**': { isr: 60 },
     '/package/**': { isr: 60 },
+    '/:pkg/.well-known/skills/**': { isr: 3600 },
+    '/:scope/:pkg/.well-known/skills/**': { isr: 3600 },
     // never cache
     '/search': { isr: false, cache: false },
     '/api/auth/**': { isr: false, cache: false },
@@ -166,11 +168,13 @@ export default defineNuxtConfig({
       {
         name: 'Geist',
         weights: ['400', '500', '600'],
+        preload: true,
         global: true,
       },
       {
         name: 'Geist Mono',
         weights: ['400', '500'],
+        preload: true,
         global: true,
       },
     ],

server/middleware/well-known-skills.ts server/routes/[pkg]/.well-known-skills.tsserver/middleware/well-known-skills.ts renamed to server/routes/[pkg]/.well-known-skills.ts

@@ -6,17 +6,8 @@ import { CACHE_MAX_AGE_ONE_HOUR, CACHE_MAX_AGE_ONE_YEAR } from '#shared/utils/co
 
 /**
  * Serves /.well-known/skills endpoints for `npx skills add` CLI.
- * Middleware pattern allows non-matching paths to pass through to Nuxt.
  */
-export default defineEventHandler(event => {
-  const url = getRequestURL(event)
-  const match = url.pathname.match(/^\/(.+?)\/\.well-known\/skills\/(.*)$/)
-  if (!match) return
-
-  return cachedHandler(event)
-})
-
-const cachedHandler = defineCachedEventHandler(
+export default defineCachedEventHandler(
   async (event: H3Event) => {
     const url = getRequestURL(event)
     const match = url.pathname.match(/^\/(.+?)\/\.well-known\/skills\/(.*)$/)!

server/routes/[pkg]/[scope]/well-known-skills.ts

@@ -0,0 +1 @@
+export { default } from '../.well-known-skills'