Applied style rules to genocide all \t characters

app/imports/ui/properties/shared/ProficiencyIcon.vue

@@ -8,16 +8,16 @@
 import getProficiencyIcon from '/imports/ui/utility/getProficiencyIcon.js';
 
 export default {
-	props: {
-		value: {
+  props: {
+    value: {
       type: Number,
       default: undefined,
     },
-	},
-	computed: {
-		displayedIcon(){
+  },
+  computed: {
+    displayedIcon(){
       return getProficiencyIcon(this.value);
-		}
-	}
+    }
+  }
 }
 </script>

app/imports/ui/properties/shared/PropertyIcon.vue

@@ -18,8 +18,8 @@
 import { getPropertyIcon } from '/imports/constants/PROPERTIES.js';
 
 export default {
-	props: {
-		model: {
+  props: {
+    model: {
       type: Object,
       default: () => ({}),
     },
@@ -28,17 +28,18 @@ export default {
       default: undefined,
     },
     disabled: Boolean,
-	},
-	computed: {
-		icon(){
-			return getPropertyIcon(this.model && this.model.type);
-		},
-	},
+  },
+  computed: {
+    icon() {
+      return getPropertyIcon(this.model && this.model.type);
+    },
+  },
 }
 </script>
 
 <style lang="css" scoped>
-  .svg-icon.disabled, .v-icon.disabled {
-    opacity: 0.2;
-  }
+.svg-icon.disabled,
+.v-icon.disabled {
+  opacity: 0.2;
+}
 </style>

app/imports/ui/properties/shared/PropertySelector.vue

@@ -1,8 +1,6 @@
 <template lang="html">
   <div class="card-raised-background">
-    <v-container
-      fluid
-    >
+    <v-container fluid>
       <v-row
         wrap
         dense
@@ -10,9 +8,7 @@
         justify-sm="start"
       >
         <template v-if="properties.suggested">
-          <v-col
-            cols="12"
-          >
+          <v-col cols="12">
             <v-subheader>
               Suggested
             </v-subheader>
@@ -77,37 +73,39 @@ export default {
       default: undefined,
     },
   },
-	data(){ return {
-		PROPERTIES,
-	};},
-  computed:{
-    properties(){
+  data() {
+    return {
+      PROPERTIES,
+    };
+  },
+  computed: {
+    properties() {
       let suggested;
       let more = {};
-      if (this.suggestedTypes){
-        for (const key in PROPERTIES){
+      if (this.suggestedTypes) {
+        for (const key in PROPERTIES) {
           let prop = PROPERTIES[key];
-          if (this.suggestedTypes.includes(prop.type)){
+          if (this.suggestedTypes.includes(prop.type)) {
             if (!suggested) suggested = {};
             suggested[key] = prop;
           } else {
             more[key] = prop;
           }
         }
-        return {suggested, more};
+        return { suggested, more };
       } else if (this.parentType) {
-          for (const key in PROPERTIES){
-            let prop = PROPERTIES[key];
-            if (prop.suggestedParents.includes(this.parentType)){
-              if (!suggested) suggested = {};
-              suggested[key] = prop;
-            } else {
-              more[key] = prop;
-            }
+        for (const key in PROPERTIES) {
+          let prop = PROPERTIES[key];
+          if (prop.suggestedParents.includes(this.parentType)) {
+            if (!suggested) suggested = {};
+            suggested[key] = prop;
+          } else {
+            more[key] = prop;
           }
-          return {suggested, more};
+        }
+        return { suggested, more };
       } else {
-        return {more: PROPERTIES};
+        return { more: PROPERTIES };
       }
     },
   },
@@ -115,4 +113,5 @@ export default {
 </script>
 
 <style lang="css" scoped>
+
 </style>

app/imports/ui/properties/shared/PropertyViewer.vue

@@ -14,17 +14,18 @@
 <script lang="js">
 import propertyViewerIndex from '/imports/ui/properties/viewers/shared/propertyViewerIndex.js';
 export default {
-	components: {
-		...propertyViewerIndex,
-	},
-	props: {
-		model: {
-			type: Object,
+  components: {
+    ...propertyViewerIndex,
+  },
+  props: {
+    model: {
+      type: Object,
       default: undefined
-		},
-	},
+    },
+  },
 }
 </script>
 
 <style lang="css">
+
 </style>

app/imports/ui/properties/shared/SelectablePropertyDialog.vue

@@ -39,32 +39,32 @@
 <script lang="js">
 import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
 import PropertySelector from '/imports/ui/properties/shared/PropertySelector.vue';
-import {snackbar} from '/imports/ui/components/snackbars/SnackbarQueue.js';
+import { snackbar } from '/imports/ui/components/snackbars/SnackbarQueue.js';
 
 export default {
   components: {
     DialogBase,
-		PropertySelector,
+    PropertySelector,
   },
-	props: {
+  props: {
     noLibraryOnlyProps: Boolean,
-		value: {
-			type: String,
+    value: {
+      type: String,
       default: undefined,
-		},
+    },
     parentType: {
       type: String,
       default: undefined,
     },
-	},
+  },
   meteor: {
-    showPropertyHelp(){
+    showPropertyHelp() {
       let user = Meteor.user();
       return !(user?.preferences?.hidePropertySelectDialogHelp)
     },
   },
   methods: {
-    propertyHelpChanged(value){
+    propertyHelpChanged(value) {
       Meteor.users.setPreference.call({
         preference: 'hidePropertySelectDialogHelp',
         value: !value
@@ -81,16 +81,23 @@ export default {
 </script>
 
 <style lang="css" scoped>
-	.slide-enter-active, .slide-leave-active {
-		transition: transform .3s ease;
-	}
-	.slide-enter-active.step-1, .slide-leave-active.step-1{
-		position: absolute;
-	}
-	.slide-enter.step-1, .slide-leave-to.step-1 {
-		transform: translateX(-100%);
-	}
-	.slide-enter.step-2, .slide-leave-to.step-2 {
-		transform: translateX(100%);
-	}
+.slide-enter-active,
+.slide-leave-active {
+  transition: transform .3s ease;
+}
+
+.slide-enter-active.step-1,
+.slide-leave-active.step-1 {
+  position: absolute;
+}
+
+.slide-enter.step-1,
+.slide-leave-to.step-1 {
+  transform: translateX(-100%);
+}
+
+.slide-enter.step-2,
+.slide-leave-to.step-2 {
+  transform: translateX(100%);
+}
 </style>