feat: allow ANavLink to be active if one of their children is active

src/components/nav/ANavLink.vue

 <template>
   <RouterLink
     v-if="route"
-    active-class="has-active-child"
+    :active-class="`${activeIfChildActive ? 'is-active' : ''} has-active-child`"
     exact-active-class="is-active"
     :class="linkClasses"
     :to="route"
@@ -20,7 +20,7 @@ import { computed } from 'vue'
 
 const linkClasses = 'a-nav-link tw-no-underline tw-block tw-py-3 tw-px-6'
 
-const props = defineProps<{ route?: Route; testId?: string }>()
+const props = defineProps<{ route?: Route; testId?: string; activeIfChildActive?: boolean }>()
 const attrs = computed(() => ({ 'data-testid': props.testId }))
 </script>