decide to transform to path or group based on regions (#110)

plugin-src/transformers/transformVectorNode.ts

@@ -8,15 +8,17 @@ import { transformGroupNodeLike, transformPathNode } from '.';
 /*
  * Vector nodes can have multiple vector paths, each with its own fills.
  *
- * If the fills are not mixed, we treat it like a normal `PathShape`.
- * If the fills are mixed, we treat the vector node as a `GroupShape` with multiple `PathShape` children.
+ * If there are no regions on the vector network, we treat it like a normal `PathShape`.
+ * If there are regions, we treat the vector node as a `GroupShape` with multiple `PathShape` children.
  */
 export const transformVectorNode = async (
   node: VectorNode,
   baseX: number,
   baseY: number
 ): Promise<GroupShape | PathShape> => {
-  if (node.fills !== figma.mixed) return transformPathNode(node, baseX, baseY);
+  if ((node.vectorNetwork.regions ?? []).length === 0) {
+    return transformPathNode(node, baseX, baseY);
+  }
 
   return {
     ...transformGroupNodeLike(node, baseX, baseY),