Liquid — ZedExt

Shopify Liquid Extension for Zed

This extension adds syntax highlighting for Liquid to Zed.

More work is needed to bring this extension in line with vscode plugin, so contributions are welcome!

Caution
The injections.scm used by this plugin considers the template content to only be HTML.

*.js.liquid will not have correctly highlighted JS. No info is derived from the file extension to set the base file type.

How to deal with this will come in the future.

Configure Prettier formatting and Tailwind LSP

"lsp": {
  "tailwindcss-language-server": {
    "settings": {
      "includeLanguages": {
        "liquid": "html"
      }
    }
  }
},
"languages": {
  "Liquid": {
    "prettier": {
      "allowed": true,
      "plugins": [
        "@shopify/prettier-plugin-liquid",
        "prettier-plugin-tailwindcss"
      ]
    },
    "language_servers": ["tailwindcss-language-server", "..."]
  }
}

Credits

This extension uses grammar and queries from nvim-treesitter