- Linting: Trailing spaces

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 dist
-*.ps1
+*.ps1

.prettierignore

@@ -1,2 +1,2 @@
 /src
-/public
+/public

helper/mappings.json

@@ -795,4 +795,4 @@
     "small",
     "textarea"
   ]
-}
+}

src/components/compounds/Accordion/Accordion.vue

@@ -87,7 +87,7 @@ export default Accordion
     <div v-else>
       <div
         :class="headerClasses"
-        class="accordion-header" 
+        class="accordion-header"
         @click="state.headerIsTrigger ? toggle() : null">
         <slot name="header" />
         <div

src/components/compounds/Dropdown/Dropdown.vue

@@ -16,7 +16,7 @@ const Component = {
         default: true
       },
       ariaRole: String,
-      closeOnClick: { 
+      closeOnClick: {
         type: Boolean,
         default: true
       },
@@ -76,10 +76,10 @@ export default Component
       <slot name="trigger" />
     </div>
     <transition name="fade">
-      <div 
+      <div
         v-show="(!disabled && (state.isActive || hoverable)) || inline"
-        class="dropdown-menu" 
-        role="menu" 
+        class="dropdown-menu"
+        role="menu"
         :aria-hidden="!state.isActive">
         <div class="dropdown-content" :role="ariaRole">
           <slot />

src/components/compounds/Menu/MenuList.vue

@@ -16,4 +16,4 @@ export default Component
   <ul class="menu-list" :role="ariaRole">
     <slot />
   </ul>
-</template>
+</template>

src/components/compounds/Navbar/Navbar.vue

@@ -11,7 +11,7 @@ const Component = {
     fixedTop: Boolean,
     fixedBottom: Boolean,
     wrapperClass: String,
-    closeOnClick: { // TODO 
+    closeOnClick: { // TODO
       type: Boolean,
       default: true
     },

src/components/compounds/Navbar/NavbarItem.vue

@@ -24,4 +24,3 @@ export default Component
     <slot />
   </component>
 </template>
-

src/components/compounds/Sidebar/Sidebar.vue

@@ -76,7 +76,7 @@ const Sidebar = {
     const isAbsolute = computed(() => {
       return props.position === 'absolute'
     })
-    
+
     watchEffect(() => {
       const open = props.right ? !props.open : props.open
       state.transitionName = !open ? 'slide-right' : 'slide-left'
@@ -106,4 +106,4 @@ export default Sidebar
       </div>
     </transition>
   </div>
-</template>
+</template>

src/components/compounds/Table/DataGrid.ts

@@ -109,25 +109,25 @@ class DataGrid {
     return this.columns.filter(column => column.show)
   }
 
-  onDragStartRow(evt: Event, row: Row, idx: number) {
+  onDragStartRow(_evt: Event, row: Row, idx: number) {
     this.draggingRow = row;
     this.draggingRowIdx = idx;
   }
 
-  onDropRow(evt: Event, row: Row, idx: number) {
+  onDropRow(_evt: Event, _row: Row, idx: number) {
     const chunk = this.rows.splice(this.draggingRowIdx, 1)
     this.rows.splice(idx, 0, chunk[0])
     this.resetDraggingRow()
   }
 
-  onDragOverRow(evt: Event, row: Row, idx: number) {
+  onDragOverRow(evt: Event, _row: Row, idx: number) {
     if (this.draggingRowIdx === null) return;
 
     this.rows[idx].selected = true
     evt.preventDefault()
   }
 
-  onDragLeaveRow(evt: Event, row: Row, idx: number) {
+  onDragLeaveRow(_evt: Event, _row: Row, idx: number) {
     this.rows[idx].selected = false
   }
 
@@ -139,27 +139,27 @@ class DataGrid {
     this.draggingRowIdx = null;
   }
 
-  onDragStartColumn(evt: Event, column: Column, idx: number) {
+  onDragStartColumn(_evt: Event, column: Column, idx: number) {
     this.draggingColumn = column;
     this.draggingColumnIdx = idx;
   }
 
   // callback called when user drops a column
-  onDropColumn(evt: Event, column: Column, idx: number) {
+  onDropColumn(_evt: Event, _column: Column, idx: number) {
     const chunk = this.columns.splice(this.draggingColumnIdx, 1)
     this.columns.splice(idx, 0, chunk[0])
     this.resetDraggingColumn()
   }
 
   // the event must be prevented for the onDrop method to get called
-  onDragOverColumn(evt: Event, column: Column, idx: number) {
+  onDragOverColumn(evt: Event, _column: Column, idx: number) {
     if (this.draggingColumnIdx === null) return;
 
     this.columns[idx].selected = true
     evt.preventDefault()
   }
 
-  onDragLeaveColumn(evt: Event, column: Column, idx: number) {
+  onDragLeaveColumn(_evt: Event, _column: Column, idx: number) {
     this.columns[idx].selected = false
   }
 

src/components/primitives/Columns/Column.vue

@@ -30,4 +30,4 @@
   <div class="column" :class="computedClasses">
     <slot />
   </div>
-</template>
+</template>

src/components/primitives/Columns/Columns.vue

@@ -37,4 +37,4 @@
   <div class="columns" :class="computedClasses">
     <slot />
   </div>
-</template>
+</template>

src/components/primitives/Container/Container.vue

@@ -5,7 +5,7 @@ const Component = {
   props: {
     type: String,
     bg: Object,
-     
+
   }
 }
 export default Component

src/components/primitives/Field/Field.vue

@@ -30,7 +30,7 @@ import { computed } from "vue"
       return { rootClasses }
     }
   }
-  
+
   export default Field;
 </script>
 

src/components/primitives/FileInput/FileInput.vue

@@ -18,7 +18,7 @@ export default FileInput
 </script>
 
 <template>
-  <div 
+  <div
     class="file"
     :class="[size, color, alignment, {
       'has-name': hasName,
@@ -37,4 +37,4 @@ export default FileInput
       </span>
     </label>
   </div>
-</template>
+</template>

src/components/primitives/Progress/Progress.vue

@@ -36,7 +36,7 @@ const Progress = {
       return fixed
     }
 
-    watchEffect(() => 
+    watchEffect(() =>
     nextTick(() => {
       if (isIndeterminate.value) {
         progress.value.removeAttribute('value')
@@ -45,7 +45,7 @@ const Progress = {
       }
     })
     )
-    
+
     const isIndeterminate = computed(() => {
       return props.value === undefined || props.value === null
     });

src/components/primitives/Select/Select.vue

@@ -33,7 +33,7 @@ const Select = {
         'is-empty': props.selected === null
       }]
     })
-    watchEffect(() => { 
+    watchEffect(() => {
       emit('update:modelValue', value.value)
     })
     return { value, spanClasses }
@@ -68,4 +68,4 @@ export default Select
       </select>
     </span>
   </div>
-</template>
+</template>

src/components/primitives/Textarea/Textarea.vue

@@ -31,8 +31,8 @@
       });
       const inputClasses = computed(() => {
         return [
-          props.size, 
-          props.color, 
+          props.size,
+          props.color,
           {
           'is-hovered': props.hovered,
           'is-focused': props.focused,

src/index.css

@@ -5,4 +5,4 @@
     height: 30px;
     fill: red;
     background: url(./assets/vue.svg);
-}
+}

src/mixins/CheckRadio.js

@@ -31,4 +31,4 @@ const checkRadioMixin =  {
     }
 }
 
-export default checkRadioMixin
+export default checkRadioMixin

src/views/App.vue

@@ -78,7 +78,7 @@ const Component = {
       state,
       setRounded() {
         settings.button.rounded = true;
-      }      
+      }
     }
   }
 }