vuetify-codemods 1.0.2 → 1.0.3

package/dist/main.js

@@ -96010,6 +96010,101 @@ const v4ElevationPlugin = {
     return count;
   }
 };
+const v4FormSlotRefsPlugin = {
+  type: "codemod",
+  name: "vuetify-4-form-slot-refs",
+  transform({ sfcAST }) {
+    if (!sfcAST) return 0;
+    let count = 0;
+    const slotNodes = findSlotNodes(sfcAST, ["VForm"], ["default"]);
+    for (const node2 of slotNodes) {
+      const refs = findSlotPropReferences(
+        node2,
+        ["errors", "isDisabled", "isReadonly", "isValidating", "isValid", "items"]
+      );
+      for (const ref of refs) {
+        count += removeDotMember(ref.reference, "value");
+      }
+    }
+    return count;
+  }
+};
+const breakpoints = ["sm", "md", "lg", "xl", "xxl"];
+const v4GridPlugin = {
+  type: "codemod",
+  name: "vuetify-4-grid",
+  transform({ sfcAST, utils: utils2 }) {
+    if (!sfcAST) return 0;
+    let count = 0;
+    const { builders: builders2 } = utils2;
+    const elements = ast_helpers_exports.findAll(sfcAST, { type: "VElement" });
+    for (const el of elements) {
+      const tag = el.rawName;
+      if (classify(tag) === "VRow") {
+        const denseAttr = getStaticAttr(el, "dense");
+        if (denseAttr) {
+          const idx = el.startTag.attributes.indexOf(denseAttr);
+          el.startTag.attributes.splice(
+            idx,
+            1,
+            builders2.vAttribute(
+              builders2.vIdentifier("density"),
+              builders2.vLiteral("compact")
+            )
+          );
+          count++;
+        }
+        for (const prop of ["align", "justify", "align-content"]) {
+          if (propToClass(el, prop, prop, builders2)) count++;
+          for (const bp of breakpoints) {
+            if (propToClass(el, `${prop}-${bp}`, `${prop}-${bp}`, builders2)) count++;
+          }
+        }
+      }
+      if (classify(tag) === "VCol") {
+        if (propToClass(el, "order", "order", builders2)) count++;
+        for (const bp of breakpoints) {
+          if (propToClass(el, `order-${bp}`, `order-${bp}`, builders2)) count++;
+        }
+        if (propToClass(el, "align-self", "align-self", builders2)) count++;
+      }
+    }
+    return count;
+  }
+};
+function getStaticAttr(el, name) {
+  return el.startTag.attributes.find(
+    (a3) => !a3.directive && a3.key.name === name
+  );
+}
+function removeAttr(el, name) {
+  const idx = el.startTag.attributes.findIndex(
+    (a3) => !a3.directive && a3.key.name === name
+  );
+  if (~idx) el.startTag.attributes.splice(idx, 1);
+}
+function appendStaticClass(el, cls, builders2) {
+  const attr = getStaticAttr(el, "class");
+  if (attr?.value) {
+    if (attr.value.type === "VLiteral") {
+      attr.value.value = attr.value.value ? `${attr.value.value} ${cls}` : cls;
+    }
+  } else {
+    el.startTag.attributes.unshift(
+      builders2.vAttribute(
+        builders2.vIdentifier("class"),
+        builders2.vLiteral(cls)
+      )
+    );
+  }
+}
+function propToClass(el, propName, classPrefix, builders2) {
+  const attr = getStaticAttr(el, propName);
+  if (attr?.value?.type !== "VLiteral" || !attr.value.value) return false;
+  appendStaticClass(el, `${classPrefix}-${attr.value.value}`, builders2);
+  removeAttr(el, propName);
+  return true;
+}
 const v4SnackbarMultilinePlugin = {
   type: "codemod",
   name: "vuetify-4-snackbar-multiline",
@@ -96101,6 +96196,8 @@ function vuetify4() {
   return [
     v4ComboboxItemSlotPlugin,
     v4ElevationPlugin,
+    v4FormSlotRefsPlugin,
+    v4GridPlugin,
     v4SnackbarMultilinePlugin,
     v4SnackbarQueueSlotPlugin,
     v4TypographyPlugin

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-codemods",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "bin": {
     "vuetify-codemods": "dist/main.js"
   },