Merge pull request #1 from tithely/enhance-transform-attribute

[ENHANCE] Fix transform attribute

Author: azzamaurice

bin/assemble.js

@@ -136,7 +136,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? \`scale(-1, 1)\` : \`none\`
+            return mirrored !== undefined
+                ? (mirrored ? \`scale(-1, 1)\` : undefined)
+                : (contextMirrored ? \`scale(-1, 1)\` : undefined)
         }
     }
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tithely/phosphor-vue",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "A clean and friendly icon family for Vue, too!",
   "repository": "[email protected]:tithely/phosphor-vue.git",
   "author": "Aaron Maurice <[email protected]>",

src/components/PhActivity.vue

@@ -72,7 +72,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAddressBook.vue

@@ -349,7 +349,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplane.vue

@@ -74,7 +74,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneInFlight.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneLanding.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneTakeoff.vue

@@ -119,7 +119,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplaneTilt.vue

@@ -74,7 +74,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })

src/components/PhAirplay.vue

@@ -104,7 +104,9 @@ export default Vue.extend<{}, {}, IconComputed, IconProps>({
         },
         displayMirrored() {
             const { mirrored, contextMirrored } = this as IconProps & IconContext
-            return mirrored ?? contextMirrored ? `scale(-1, 1)` : `none`
+            return mirrored !== undefined
+                ? (mirrored ? `scale(-1, 1)` : undefined)
+                : (contextMirrored ? `scale(-1, 1)` : undefined)
         }
     }
 })