fixed repeated name labels (should be line n not line-n)

Author: horuskol

src/plugin.js

@@ -37,7 +37,7 @@ module.exports = function ({ addUtilities, target, theme }) {
       ...lines,
       ..._.fromPairs(
         _.map(prefix.lines, (name) => [
-          `.${prefix.utility}-${name}`,
+          `.${prefix.utility}-${name.replace(' ', '-')}`,
           {
             [prefix.class]: name,
           },

src/util/extractGridLineNames.js

@@ -35,7 +35,7 @@ module.exports = function (gridTemplate) {
           return match
         }
 
-        return `${match}-${counts[match].count++}`
+        return `${match} ${counts[match].count++}`
       })
     })
   )

test/plugin.test.js

@@ -99,10 +99,10 @@ test('multiple templates with different names', () => {
           'grid-row-start': 'bottom',
         },
         '.row-start-fold-1': {
-          'grid-row-start': 'fold-1',
+          'grid-row-start': 'fold 1',
         },
         '.row-start-fold-2': {
-          'grid-row-start': 'fold-2',
+          'grid-row-start': 'fold 2',
         },
         '.row-end-top': {
           'grid-row-end': 'top',
@@ -111,10 +111,10 @@ test('multiple templates with different names', () => {
           'grid-row-end': 'bottom',
         },
         '.row-end-fold-1': {
-          'grid-row-end': 'fold-1',
+          'grid-row-end': 'fold 1',
         },
         '.row-end-fold-2': {
-          'grid-row-end': 'fold-2',
+          'grid-row-end': 'fold 2',
         },
         '.col-start-left': {
           'grid-column-start': 'left',

test/util/extractGridLineNames.test.js

@@ -25,7 +25,7 @@ test('grid lines with the same name are indexed', () => {
     layout: '1fr [column] 1fr [column] 1fr',
   }
 
-  expect(extractGridLineNames(gridTemplateRows)).toEqual(['column-1', 'column-2'])
+  expect(extractGridLineNames(gridTemplateRows)).toEqual(['column 1', 'column 2'])
 })
 
 test('multiple names on the same grid line are valid', () => {
@@ -51,5 +51,5 @@ test('multiple gridTemplates can use the same grid line names', () => {
     multi: '1fr [column] 1fr [column] 1fr',
   }
 
-  expect(extractGridLineNames(gridTemplateRows)).toEqual(['left', 'right', 'column-1', 'column-2'])
+  expect(extractGridLineNames(gridTemplateRows)).toEqual(['left', 'right', 'column 1', 'column 2'])
 })