Skip to content

TheBeyondGroup/zed-shopify-liquid

Repository files navigation

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

About

A Zed extension to add syntax highlighting and the Shopify LSP server for Liquid

Topics

Resources

License

Stars

Watchers

Forks

Contributors 5