Try to fix build issues

.eslintrc.js

@@ -1,12 +1,11 @@
 module.exports = {
   root: true,
   env: {
+    browser: true,
     node: true
   },
   "extends": [
-    'plugin:vue/strongly-recommended',
-    'plugin:prettier/recommended',
-    'eslint:recommended'
+    'plugin:vue/strongly-recommended'
   ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "serve": "http-server ./docs -o -s",
     "build": "yarn theo && vue-cli-service build --no-fix",
-    "lint": "vue-cli-service lint --no-fix",
+    "lint": "vue-cli-service lint --no-fix-warning",
     "dev": "npm-run-all --parallel theo:onchange theo servedev",
     "servedev": "vue-cli-service serve --open --no-fix",
     "build:lib": "yarn theo && cross-env BUILD=library vue-cli-service build --target lib --name system ./src/library.js --no-fix",
@@ -25,7 +25,7 @@
     "@vue/cli-plugin-eslint": "~3.4.0",
     "@vue/cli-plugin-unit-jest": "~3.4.0",
     "@vue/cli-service": "~3.4.0",
-    "@vue/eslint-config-prettier": "~3.0.5",
+    "@vue/eslint-config-prettier": "~4.0.1",
     "@vue/test-utils": "~1.0.0-beta.29",
     "async-validator": "~1.10.1",
     "babel-core": "7.0.0-bridge.0",

src/styleguide/components/ComponentOptionsDoc.vue

@@ -13,11 +13,18 @@
               {{ row.name | kebabCase }}
             </ds-code>
             <div v-if="row.required">
-              <ds-tag v-if="row.required" color="warning">required</ds-tag>
+              <ds-tag 
+                v-if="row.required" 
+                color="warning">required</ds-tag>
             </div>
-            <ds-space :margin-bottom="null" margin-top="small">
+            <ds-space 
+              :margin-bottom="null" 
+              margin-top="small">
               <div v-if="row.options">
-                <ds-chip size="small" v-for="option in row.options" :key="option">
+                <ds-chip 
+                  size="small" 
+                  v-for="option in row.options" 
+                  :key="option">
                   {{ option }}
                 </ds-chip>
               </div>
@@ -64,7 +71,7 @@
             slot="name"
             slot-scope="{row}"
             inline>
-              {{ row.name }}
+            {{ row.name }}
           </ds-code>
           <ds-text
             color="soft"
@@ -85,7 +92,7 @@
             slot="name"
             slot-scope="{row}"
             inline>
-              @{{ row.name }}
+            @{{ row.name }}
           </ds-code>
           <ds-text
             color="soft"

src/system/components/data-display/Table/TableHeadCol.vue

@@ -3,7 +3,7 @@
     class="ds-table-head-col"
     :class="[
       align && `ds-table-head-col-${align}`
-    ]">
+  ]">
     <slot>
       {{ label }}
     </slot>

src/system/components/layout/Modal/Modal.vue

@@ -1,8 +1,12 @@
 <template>
   <div>
     <portal to="modal">
-      <div :key="key" class="ds-modal-wrapper">
-        <transition name="ds-transition-fade" appear>
+      <div 
+        :key="key" 
+        class="ds-modal-wrapper">
+        <transition 
+          name="ds-transition-fade" 
+          appear>
           <div
             v-if="isOpen"
             class="ds-modal-backdrop"
@@ -12,7 +16,9 @@
             &nbsp;
           </div>
         </transition>
-        <transition name="ds-transition-modal-appear" appear>
+        <transition 
+          name="ds-transition-modal-appear" 
+          appear>
           <ds-card
             v-if="isOpen"
             class="ds-modal"
@@ -43,8 +49,14 @@
                 :cancelLabel="cancelLabel"
                 :confirmLabel="confirmLabel"
               >
-                <ds-button ghost icon="close" @click.prevent="cancel('cancel')">{{ cancelLabel }}</ds-button>
-                <ds-button primary icon="check" @click.prevent="confirm('confirm')">{{ confirmLabel }}</ds-button>
+                <ds-button 
+                  ghost 
+                  icon="close" 
+                  @click.prevent="cancel('cancel')">{{ cancelLabel }}</ds-button>
+                <ds-button 
+                  primary 
+                  icon="check" 
+                  @click.prevent="confirm('confirm')">{{ confirmLabel }}</ds-button>
               </slot>
             </template>
           </ds-card>

src/system/components/layout/Spinner/Spinner.vue

@@ -10,7 +10,13 @@
       danger && !inverse && `ds-spinner-danger`,
     ]"
   >
-    <circle class="ds-spinner-circle" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
+    <circle 
+      class="ds-spinner-circle" 
+      cx="25" 
+      cy="25" 
+      r="20" 
+      fill="none" 
+      stroke-width="5"/>
   </svg>
 </template>