diff --git a/app/components/Noodle/Nodejs/Logo.vue b/app/components/Noodle/Nodejs/Logo.vue new file mode 100644 index 0000000000..39166f5859 --- /dev/null +++ b/app/components/Noodle/Nodejs/Logo.vue @@ -0,0 +1,89 @@ + diff --git a/app/components/Noodle/Press/Logo.vue b/app/components/Noodle/Press/Logo.vue deleted file mode 100644 index 97a078acaa..0000000000 --- a/app/components/Noodle/Press/Logo.vue +++ /dev/null @@ -1,19 +0,0 @@ - diff --git a/app/components/Noodle/index.ts b/app/components/Noodle/index.ts index abeef9a132..df7fe3c894 100644 --- a/app/components/Noodle/index.ts +++ b/app/components/Noodle/index.ts @@ -1,5 +1,5 @@ import NoodleKawaiiLogo from './Kawaii/Logo.vue' -import NoodlePressLogo from './Press/Logo.vue' +import NoodleNodejsLogo from './Nodejs/Logo.vue' export type Noodle = { // Unique identifier for the noodle @@ -28,11 +28,10 @@ export const PERMANENT_NOODLES: Noodle[] = [ // Active noodles - shown based on date and timezone export const ACTIVE_NOODLES: Noodle[] = [ { - key: 'press', - logo: NoodlePressLogo, - date: '2026-05-01', - dateTo: '2026-05-04', + key: 'nodejs', + logo: NoodleNodejsLogo, + date: '2026-05-21', + dateTo: '2026-05-28', timezone: 'auto', - tagline: false, }, ] diff --git a/app/components/Tooltip/App.vue b/app/components/Tooltip/App.vue index 8b16f20482..3df16f5032 100644 --- a/app/components/Tooltip/App.vue +++ b/app/components/Tooltip/App.vue @@ -12,6 +12,8 @@ const props = defineProps<{ defer?: boolean /** Offset distance in pixels (default: 4) */ offset?: number + /** Additional attributes to be applied to the tooltip element */ + tooltipAttr?: Record }>() const isVisible = shallowRef(false) @@ -38,7 +40,7 @@ function hide() { } const tooltipAttrs = computed(() => { - const attrs: Record = { role: 'tooltip', id: tooltipId } + const attrs: Record = { role: 'tooltip', id: tooltipId, ...props.tooltipAttr } if (props.interactive) { attrs.onMouseenter = show attrs.onMouseleave = hide diff --git a/knip.ts b/knip.ts index db09e209c1..f4adb33651 100644 --- a/knip.ts +++ b/knip.ts @@ -45,6 +45,7 @@ const config: KnipConfig = { ignoreFiles: [ 'app/components/Tooltip/Announce.vue', 'app/components/UserCombobox.vue', + 'app/components/ColorScheme/Img.vue', '**/*.unused.*', ], }, diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts index 5d0865d77f..551210b163 100644 --- a/test/nuxt/a11y.spec.ts +++ b/test/nuxt/a11y.spec.ts @@ -158,7 +158,7 @@ import { ButtonBase, LandingIntroHeader, NoodleKawaiiLogo, - NoodlePressLogo, + NoodleNodejsLogo, LinkBase, CallToAction, ChangelogCard, @@ -374,7 +374,7 @@ describe('component accessibility audits', () => { }) it('should have no accessibility violations', async () => { - const component = await mountSuspended(NoodlePressLogo) + const component = await mountSuspended(NoodleNodejsLogo) const results = await runAxe(component) expect(results.violations).toEqual([]) })