Fix/sub menu render

[ConnorStroomberg]

Fix #22

Molgenis issue: Menu entries incorrectly displayed in submenu for plugins using Vue header #6728

Style submenus …

• Add class indicating menu depth.
• Add default styles for levels 1 to 5.

Explored a alternative version using js to change the style prop attribute using vue, but i prefer this solution ( using js to generate classes, and styling the classes) as it better allows for styling/theme-ing, and seems more descriptive and semantic to me.

Checklist

• [ ] Functionality works & meets specifications
• [ ] Code reviewed
• [ ] Code unit/integration/system tested
• [ ] User documentation updated
• [ ] Clean commits
• [ ] No warnings during install
• [ ] Updated flow typing
• [ ] Added Feature/Fix to release notes

[codecov[bot]]

Codecov Report

Merging #23 into master will not change coverage. The diff coverage is n/a.

@@         Coverage Diff          @@
##           master   #23   +/-   ##
====================================
  Coverage      70%   70%           
====================================
  Files           4     4           
  Lines          30    30           
  Branches        7     7           
====================================
  Hits           21    21           
  Misses          9     9

Flag	Coverage Δ
#unit	70% <ø> (ø)	:arrow_up:

Impacted Files	Coverage Δ
src/components/DropDownItems.vue	100% <ø> (ø)	:arrow_up:
src/exampleMenu.ts	100% <ø> (ø)	:arrow_up:

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 5bbd758...8b9d431. Read the comment docs.

[molgenis-jenkins]

:tada: This PR is included in version 1.1.2 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: