throw an error when applying the .group utility (aot mode)

Author: RobinMalfait

src/util/resolveConfig.js

@@ -261,7 +261,6 @@ export default function resolveConfig(configs) {
   let allConfigs = [
     ...extractPluginConfigs(configs),
     {
-      content: [],
       prefix: '',
       important: false,
       separator: ':',
@@ -302,10 +301,10 @@ function normalizeConfig(config) {
     content: (() => {
       let { content, purge } = config
 
-      if (Array.isArray(content)) return content
-      if (Array.isArray(content?.content)) return content.content
       if (Array.isArray(purge)) return purge
       if (Array.isArray(purge?.content)) return purge.content
+      if (Array.isArray(content)) return content
+      if (Array.isArray(content?.content)) return content.content
 
       return []
     })(),

tests/jit/apply.test.js

@@ -11,6 +11,10 @@ function run(input, config = {}) {
   })
 }
 
+function css(templates) {
+  return templates.join('')
+}
+
 test('@apply', () => {
   let config = {
     darkMode: 'class',
@@ -232,7 +236,7 @@ test('@apply error when using .group utility', async () => {
     plugins: [],
   }
 
-  let css = `
+  let input = css`
     @tailwind components;
     @tailwind utilities;
 
@@ -243,7 +247,7 @@ test('@apply error when using .group utility', async () => {
     }
   `
 
-  await expect(run(css, config)).rejects.toThrowError(
+  await expect(run(input, config)).rejects.toThrowError(
     `@apply should not be used with the 'group' utility`
   )
 })