cache buildSelectorVariant

src/util/buildSelectorVariant.js

@@ -1,15 +1,21 @@
 import parser from 'postcss-selector-parser'
 import tap from 'lodash/tap'
+import { useMemo } from './useMemo'
 
-export default function buildSelectorVariant(selector, variantName, separator, onError = () => {}) {
-  return parser(selectors => {
-    tap(selectors.first.filter(({ type }) => type === 'class').pop(), classSelector => {
-      if (classSelector === undefined) {
-        onError('Variant cannot be generated because selector contains no classes.')
-        return
-      }
+const buildSelectorVariant = useMemo(
+  (selector, variantName, separator, onError = () => {}) => {
+    return parser(selectors => {
+      tap(selectors.first.filter(({ type }) => type === 'class').pop(), classSelector => {
+        if (classSelector === undefined) {
+          onError('Variant cannot be generated because selector contains no classes.')
+          return
+        }
 
-      classSelector.value = `${variantName}${separator}${classSelector.value}`
-    })
-  }).processSync(selector)
-}
+        classSelector.value = `${variantName}${separator}${classSelector.value}`
+      })
+    }).processSync(selector)
+  },
+  (selector, variantName, separator) => [selector, variantName, separator].join('||')
+)
+
+export default buildSelectorVariant