Fix support for latest Liquid scripting plugin

CHANGELOG.md

@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing!
+- Fix support for latest Shopify Liquid plugin ([#109](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/109))
 
 ## [0.2.0] - 2022-11-25
 

package.json

@@ -28,7 +28,7 @@
   "devDependencies": {
     "@prettier/plugin-php": "^0.19.2",
     "@prettier/plugin-pug": "^2.3.0",
-    "@shopify/prettier-plugin-liquid": "^0.4.0",
+    "@shopify/prettier-plugin-liquid": "^1.0.0-rc.2",
     "@shufo/prettier-plugin-blade": "^1.8.0",
     "@tailwindcss/line-clamp": "^0.3.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",

src/index.js

@@ -346,9 +346,18 @@ function transformGlimmer(ast, { env }) {
 }
 
 function transformLiquid(ast, { env }) {
+  /** @param {{name: string | {type: string, value: string}[]}} node */
+  function isClassAttr(node) {
+    if (Array.isArray(node.name)) {
+      return node.name.every((n) => n.type === 'TextNode' && n.value === 'class');
+    }
+
+    return node.name === 'class'
+  }
+
   visit(ast, {
     AttrSingleQuoted(node, _parent, _key, _index, meta) {
-      if (node.name !== "class") {
+      if (!isClassAttr(node)) {
         return;
       }
 
@@ -357,7 +366,7 @@ function transformLiquid(ast, { env }) {
     },
 
     AttrDoubleQuoted(node, _parent, _key, _index, meta) {
-      if (node.name !== "class") {
+      if (!isClassAttr(node)) {
         return;
       }