feat: mdv syntax

[farnabaz]

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

• Remove the need for {yml}
• Split slots and props using ---
• Nest : in the opposite order (::: => :::: => ::::: instead of ::::: => :::: => :::)
• There is an issue with Yaml array (Markdown list) and the sections separator.

:::someblock
data:
 - item 1
 - item 2
---
content
:::

• Support indention for nested blocks

:::alert
type: info
---
    Nested Blocks with data

    ::::alert
    type: success
    ---
    Yaay
    ::::
:::

• Support multiple slots (named slots other than default)
• Simplify markdown slots usages, <Makrdown> component updated to detect parent slot and render Content
• Simplify block usages with double colons ::
• Adding extra colons to nested block should be completely optional

<Markdown slot="title" />

Resolves #314

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes (if not applicable, please state why)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nuxtlabs/docus/FsypZ2LkYzdVZ6yXN7PQM2gymKCd
✅ Preview: https://docus-git-feat-new-syntax-nuxtlabs.vercel.app

[Atinux]

For context:

[farnabaz]

Updated with simpler syntax that we discussed @Atinux

Sadly, Scoped slots not working on SSR.
The issue is not related to Docus nor Nuxt. There is a similar open issue on Nuxt Components nuxt/components#164

@pi0 does resolve this issue in vuejs/vue#11963 and we should wait for upstream (Vue@2.6.13)

[Atinux]

What are the components with scoped slots we have?

[farnabaz]

For now the issue applies to BlockHero, maybe we should revert its implementation to use props

[Atinux]

When looking at it is still uses props, do you have the link to the one using scoped slots?

[farnabaz]

Here is the usage
https://github.com/nuxtlabs/docus/blob/feat/new-syntax/src/defaultTheme/components/organisms/BlockHero.vue#L20-L34

And implementation of <Markdown>
https://github.com/nuxtlabs/docus/blob/feat/new-syntax/src/core/runtime/utils.ts#L17-L34

[Atinux]

Any ETA for Vue release?

EDIT: i just asked Evan, will comment when he answered

[Atinux]

He said then can do a quick release on Monday 👀

[Tahul]

Implementation looks good to me.

Only comments refers to code style.

I think for such features, we definitely need comments. 😄

If you are not comfortable with writing comments I can totally understand, at least commenting what each function does could be really interesting for long term maintenance.

Obviously the upcoming usage of tests into Docus will also help with that but I think this needs to become a standard that we comment functions, even when only exposed internally.

Other than these little comments about code style, I think you did an amazing job @farnabaz and that you are paving the way among something bigger than we can understand yet! 😄

Can't wait to see this syntax used in our upcoming editor. 🥲

👏 👏 👏

[Atinux]

I complete @Tahul on it, amazing work done for a powerful future!

Could we use something like JS/TS docs comments as a standard + inline comment in function if necessary to explain some logic?

[Tahul]

Yeah, TSDoc is basically JSDoc without the need of specifying parameters as it is filled by typings. 😄

We basically need to comment every function, I'll help on that obviously. 😄

If I need to add a commit in each PR to fix typos and any language problem, that will be a pleasure for me.

🙏