feat: emoji noodle

app/components/Noodle/Emoji/Logo.vue

@@ -0,0 +1,13 @@
+<template>
+  <TooltipApp interactive position="top">
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1"><strong>World Emoji Day</strong></p>
+    </template>
+    <img
+      width="400"
+      class="w-80 sm:w-140 max-w-full mx-auto"
+      src="/extra/emoji.png"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/index.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue'
 import NoodleArtemisLogo from './Artemis/Logo.vue'
+import NoodleEmojiLogo from './Emoji/Logo.vue'
 import NoodleKawaiiLogo from './Kawaii/Logo.vue'
 import NoodleNodejsLogo from './Nodejs/Logo.vue'
 import NoodlePressLogo from './Press/Logo.vue'
@@ -64,6 +65,13 @@ export const ACTIVE_NOODLES: Noodle[] = [
     dateTo: '2026-07-01',
     timezone: 'auto',
   },
+  {
+    key: 'emoji',
+    logo: NoodleEmojiLogo,
+    date: '2026-07-17',
+    dateTo: '2026-07-17',
+    timezone: 'auto',
+  },
 ]
 
 // Logo registry for the /noodles archive, keyed by the entry's `key` in
@@ -74,6 +82,7 @@ const NOODLE_LOGOS: Record<string, Component> = {
   'kawaii': NoodleKawaiiLogo,
   'transgender-visibility-day': NoodleTransgenderVisibilityLogo,
   'artemis': NoodleArtemisLogo,
+  'emoji': NoodleEmojiLogo,
   'nodejs': NoodleNodejsLogo,
   'pride-1': NoodlePride1Logo,
   'tetris': NoodleTetrisLogo,

app/noodles.ts

@@ -6,6 +6,7 @@ import type { Noodle } from '#shared/schemas/noodle'
 const ALEX = { name: 'Alex Savelyev', blueskyHandle: 'alexdln.com' }
 const ALFON = { name: 'Alfon', blueskyHandle: 'alfon.dev' }
 const GRAPHIEROS = { name: 'Graphieros', blueskyHandle: 'graphieros.npmx.social' }
+const FELIX = { name: 'Felix Schneider', blueskyHandle: 'felixs.dev' }
 
 const entries: Noodle[] = [
   {
@@ -133,6 +134,23 @@ const entries: Noodle[] = [
       },
     ],
   },
+  {
+    key: 'emoji',
+    title: 'World Emoji Day',
+    slug: 'emoji',
+    date: '2026-07-17',
+    dateTo: '2026-07-17',
+    timezone: 'auto',
+    tagline: false,
+    occasion: '📅🌍🚀💬🥳✨',
+    prUrl: 'https://github.com/npmx-dev/npmx.dev/pull/3029',
+    authors: [FELIX],
+    posterImage: '/extra/emoji.png',
+    references: [
+      { label: 'World Emoji Day Website', url: 'https://worldemojiday.com/' },
+      { label: 'Wikipedia', url: 'https://en.wikipedia.org/wiki/World_Emoji_Day' },
+    ],
+  },
 ]
 
 export const noodles: Noodle[] = [...entries].sort(

test/nuxt/a11y.spec.ts

@@ -159,6 +159,7 @@
   ButtonBase,
   LandingIntroHeader,
   NoodleArtemisLogo,
+  NoodleEmojiLogo,
   NoodleKawaiiLogo,
   NoodleTransgenderVisibilityLogo,
   NoodleListCard,
@@ -412,6 +413,12 @@
       expect(results.violations).toEqual([])
     })
 
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(NoodleEmojiLogo)
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
     it('should have no accessibility violations', async () => {
       const component = await mountSuspended(NoodlePride1Logo)
       const results = await runAxe(component)
@@ -1388,7 +1395,7 @@
   })
 
   describe('TabRoot + TabList + TabItem + TabPanel', () => {
     function createTabsFixture(modelValue: string, idPrefix: string) {
       return defineComponent({
         setup() {
           return () =>