Make sure Pinia is not accessed when not init on readme

What does this MR do and why?

Make sure Pinia is not accessed when not init on readme

I realised when testing Vue3 migration, that we're trying to access fileTreeBrowserIsVisible and fileTreeBrowserIsExpanded, when viewing Project Overview in readme mode. But the FTB is not initialised there, it throws runtime errors and blocks the render of the entire header area.

Note

You may notice that the icon in the Readme preview is touching the border. I'm fixing it in Fix preview header alignment by adding padding (!230541 - merged)

References

Screenshots or screen recordings

Before After
Screenshot_2026-04-13_at_18.03.28 Screenshot_2026-04-13_at_18.01.44

How to set up and validate locally

  1. Go to User / Preferences and select Readme as the default view for project overviews
  2. Go to any repository overview page
  3. Make sure header area for readme is rendered and no Pinia related errors are visible in the console.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #588786

Merge request reports

Loading