add suggestion to improve developers' experience

[ngdangtu-vn]

• point out the problem of using this template engine (no highlight syntax)
• suggest a solution for vscode with plugin and install instruction

[netlify[bot]]

✅ Deploy Preview for lumeland ready!

Name	Link
🔨 Latest commit	3fb7409572f4f7380404046e8f0d01f984146551
🔍 Latest deploy log	https://app.netlify.com/sites/lumeland/deploys/64f74cf7d47cdf0008c8ea9f
😎 Deploy Preview	https://deploy-preview-77--lumeland.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[ngdangtu-vn]

I only have one concern during writing this note. Should I recommend the plugin or just give them keywords. I kept plugin link here but very much opening for any suggestion. I don't really want to turn the document to insert-advertisement.

This plugin offers more than just highlight syntax. If add external link of a plugin to the doc is ok, maybe I should just tell reader read installation of the plugin rather then do a simple trick?

[oscarotero]

Hey @ngdangtu-vn

Thanks for this. I think it's good to provide some tips to improve the DX in form of plugins or other libraries. In fact, there are already links to other VSCode plugins for other template engines (https://lume.land/docs/overview/installation/#visual-studio-code-configuration), maybe they should be in the plugin documentation, instead of installation section.

I understand your concerns. Lit-html is already a library that is not used in Lume. If there is not any other more standalone alternative, I think is okay to have a link to this one. And maybe Lume could provide the tagged function, so it would be even more easy:

import { html } from "lume/plugins/module.ts";

export default function () {
  return html`<h1>Hello world</h1>`;
}

But for now, it's okay. I'm merging this and will update it when the function is provided by Lume. Thank you very much!