How to auto generate sidebar in vuepress component

Feature request

What problem does this feature solve?

this is my readme.md file

---
#blog_index: true
sidebar: auto
---

<IndexByCategory />

this is my IndexByCategory Component

<template>
    <div>
        <div v-for="(posts,postTag,index) in postsResult">
            <h2 :id="postTag"><a href="#" aria-hidden="true" class="header-anchor">#</a> {{postTag}}</h2>
            <div v-for="post in posts">
            <h3>
                <router-link :to="post.path">{{ post.frontmatter.title }}</router-link>
            </h3>
    
            <p>{{ post.frontmatter.description }}</p>
    
            <p>
                <router-link :to="post.path">Read more</router-link>
            </p>
            <hr>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        computed: {
            postsResult() {
                var tagSort = new Object();
                var filteredPages=this.$site.pages.filter(x => x.path.startsWith('/blog/'));
                //console.log(this.$site["pages"]);
                filteredPages.forEach(element => {
                    if(element["frontmatter"]["tags"]==undefined){
                        console.log(element["title"]+"  don't have tags in frontmatter!");
                    }
                    element["frontmatter"]["tags"].forEach(element2 => {
                        if (tagSort[element2] == undefined) {
                            tagSort[element2] = new Array();
                        }
                        tagSort[element2].push(element);
                    });
                });
                //console.log(tagSort);
                return tagSort;
            }
        }
    }
</script>

I want to generate a tag as a markdown head in component so that I can use sidebar:auto to generate a sidebar,but I don’t know the fastest way to realize it.

What does the proposed API look like?

give a way to realize a sidebar anchor in vuepress component.maybe it is a component too.

How should this be implemented in your opinion?

use a vuepress component like makrdown header # ,## ,###

Are you willing to work on this yourself?**

no,I don’t have much time to write it.

[JStumpp]

Same problem here. We generate page content (including headers like h2, h3) from a json file, example here: https://docs.movisens.com/movisensXS/mobile_sensing/#features-library-version-version

Having no sidebar and no search for this content is a huge problem for us. @ulivz, do you have a suggestion? Thank you so much.

[iamchriswick]

Why is this closed when there no solution for it?