feat(client & devtools-kit): add route-meta for pages

[wzc520pyfm]

hi~! I see #330 , this pr add route meta for pages.

Preview:

route-meta-for-pages-2.mp4

[netlify]

✅ Deploy Preview for vue-devtools-docs canceled.

Name	Link
🔨 Latest commit	966cc05
🔍 Latest deploy log	https://app.netlify.com/sites/vue-devtools-docs/deploys/66d7396717bc7c0008c5bd5a

[alexzhang1030]

the bundle size of json-editor-vue is above 500kb, this is huge... Since this is not a feature for high-frequency use, and most of the time is read instead of edited, how about just using Shiki for render meta info? We have a CodeBlock component on the @vue/devtools-ui package.

[wzc520pyfm]

the bundle size of json-editor-vue is above 500kb, this is huge... Since this is not a feature for high-frequency use, and most of the time is read instead of edited, how about just using Shiki for render meta info? We have a CodeBlock component on the @vue/devtools-ui package.

Sorry for delay. I have replaced json-editor-vue with CodeBlock.

[alexzhang1030]

LGTM!

A screen record:

route-meta.mp4

[webfansplz]

Because the route meta info does not exist in every project, I think it is better UX to hide this field if all the routes of the user project do not have this field.