Manipulation the resulting node tree about frontmatter-markdown-loader HOT 8 CLOSED

From the documentation, $el is available only after mount, so the difference is that the manipulation (insertion of highlighting <span>s) must be done in mounted() instead of render(). I have to test more thoroughly, but that could be a breaking change. I'll post back here when I do that, hopefully during this weekend.

from frontmatter-markdown-loader.

I'm sorry for not commenting here as well, I commented on the PR. Basically, the problem was to find a way to extend the loaded data. Your way of doing that solved the problem. Thanks again.

from frontmatter-markdown-loader.

I'm really impressed by that approach. I guess you're familiar with how Vue works 😉 (or old Vue user who needed to care about render function)

As you assumed, Mode.VUE_COMPONENT doesn't give the chance to manipulate the node tree directly, and expect to interact through $el.

from frontmatter-markdown-loader.

That's a good point. So the actual timing of applying "highlight" should be different completely, hence your expectation may not be satisfied with VUE_COMPONENT mode 🤔

from frontmatter-markdown-loader.

Yeah, basically I need the FMMode.VUE_RENDER_FUNCTIONS functionality because I use nuxt generate, and in addition to the above, I'm using Vuex store to handle data. My use case is my website and blog I'm developing in Nuxt.js. Is there a specific reason this feature is missing? After all, if a programmer doesn't know how to use it, they can always use FMMode.VUE_COMPONENT.

from frontmatter-markdown-loader.

Ah, I get it. You're generating static build of highlight-ed pages. That looks the appropriate use-case. However, I'm still aiming for the sunset of "VUE_RENDER_FUNCTIONS" to simplify the usage of FML.

Thanks for giving your repo! I will play with that since I have an idea to make it your use-case with VUE_COMPONENT.

from frontmatter-markdown-loader.

I tried to implement my idea and sent PR for your repo: Strahinja/strahinja-org-nuxt#1

The idea to have your highlight functionality is overwriting a component object's render function.

from frontmatter-markdown-loader.

@Strahinja Probably, you don't see any problem anymore...? I close this issue but feel free to reopen if you still see something worse. Thanks for sharing your use-case!

from frontmatter-markdown-loader.