Migrate main navigation

[bencodezen]

Description updated to reflect a decision we've come up on comments

• Docs
  • Guide
  • Examples
  • Style Guide
  • Cookbook
• API Reference
• Ecosystem
  • Official Projects
    • There could be a page to brief core libs/tools like: vuex, vue-router, vue-test-utils, vue-cli, vue-devtools, eslint-plugin-vue, etc. one-by-one. At the same time of course provide the link to each of the respective project. At very last, provide a link to our GitHub org to guide people explore more projects made by us.
  • Community
    • Another page maybe to brief how to get help, news, roadmap, events, social media accounts, jobs, partners, awesome projects and themes, by listing all useful links in categories.
• Support Vue
• Translations

[NataliaTepluhina]

Proposed structure (currently implemented on Vuepress):

• Docs
  • Guide
  • Style Guide
  • Tooling (core libraries + tooling, could be renamed to Ecosystem maybe?)
• API Reference
• Examples
  • Examples (should find better name for current examples maybe)
  • Cookbook
• Community - this should lead to a separate document where Help + News + Resource Lists are shown on the sidebar for easier navigation

[Jinjiang]

I think there are 2 types of links: internal links and external links.

For our main navigation, it's better to expand internal links more and fold up external links a little bit relatively, because we could assume users come here more like find out something inside I guess.

So my idea is:

• Docs (priority: 1)
  • Guide
  • Examples
  • Style Guide
  • Cookbook
• API Reference (priority: 2)
• Ecosystem (priority: 5)
  • Official Projects
    There could be a page to brief core libs/tools like: vuex, vue-router, vue-test-utils, vue-cli, vue-devtools, eslint-plugin-vue, etc. one-by-one. At the same time of course provide the link to each of the respective project. At very last, provide a link to our GitHub org to guide people explore more projects made by us.
  • Community
    Another page maybe to brief how to get help, news, roadmap, events, social media accounts, jobs, partners, awesome projects and themes, by listing all useful links in categories.
• Support Vue (priority: 3)
  I think this should be here as the first level because we definitely need this IMO.
• Translations (priority: 4)
• GitHub (priority: 100)

If the main navigation is too limited to contain all of these, then we could put the GitHub, Ecosystem, even Translations in some other ways or somewhere else.

Thanks.

[NataliaTepluhina]

@Jinjiang I like this proposal!

We could put GitHub links to docs repo in the footer of every single page (via Edit this page on GitHub link) and we have GH link to core repo on the homepage.

Rest are 5 links in navbar and I believe we can survive this amount 😅