feat(vue-router): add styles to Vue RouteMatchExtensions augmentation #7318

Activity

1. romulovalez commented on May 2, 2026

   

   romulovalez

   on May 2, 2026

   Last edited by romulovalez

   More actions

   codeRabbit didn't get it completely right, it mixed with the changes from my PR, the required change should be this:

   styles?: Array<Vue.ComponentOptions['style'] | undefined>

   And we need to introduce this block on headContentUtils.ts:

    const styles = Vue.computed<Array<RouterManagedTag>>(() =>
       (
         matches.value
           .map((match) => match.styles!)
           .flat(1)
           .filter(Boolean) as Array<RouterManagedTag>
       ).map(({ children, ...style }) => ({
         tag: 'style',
         attrs: {
           ...style,
         },
         children,
       })),
     )

   and spread styles.value on the return
2. schiller-manuel commented on May 2, 2026

   

   schiller-manuel

   on May 2, 2026

   Collaborator

   More actions

   why is this issue opened at all? what triggered this?
3. romulovalez commented on May 2, 2026

   

   romulovalez

   on May 2, 2026

   Last edited by romulovalez

   More actions

   @schiller-manuel This triggered this issue (open the comment): packages/vue-router/src/Matches.tsx I though it was a deliberative feature, it also created two instead of one.

   The real issue here is that we're silently skipping all styles from head on vue router, next time I will open the issue manually hahaha.

   This PR solves this issue.