chore: update

Author: 9romise

app/components/DateTime.vue

@@ -51,7 +51,7 @@ const titleValue = computed(() => {
 </script>
 
 <template>
-  <button type="button" @click="toggleRelativeDates">
+  <button type="button" :aria-pressed="relativeDates" @click="toggleRelativeDates">
     <ClientOnly>
       <NuxtTime
         v-if="relativeDates"

test/nuxt/components/DateTime.spec.ts

@@ -130,6 +130,19 @@ describe('DateTime', () => {
       })
       expect(component.find('time').attributes('title')).toContain(testYear)
     })
+
+    it('always toggle relative dates settings when click', async () => {
+      const component = await mountSuspended(DateTime, {
+        props: { datetime: testDate },
+      })
+      const button = component.find('button')
+
+      await button.trigger('click')
+      expect(button.attributes('aria-pressed')).toBe('true')
+
+      await button.trigger('click')
+      expect(button.attributes('aria-pressed')).toBe('false')
+    })
   })
 
   describe('SSR fallback', () => {