asdasd

.eslintrc.js

@@ -22,6 +22,17 @@ module.exports = {
     // allow async-await
     'generator-star-spacing': 0,
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'quotes': [
+      'error',
+      'single'
+    ],
+    'semi': [
+      'error',
+      'always'
+    ],
+    'no-console': 'off',
+    'curly': ['error', 'multi-or-nest'],
+    'no-var': 'error'
   }
 }

package.json

@@ -14,6 +14,10 @@
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
+    "font-awesome": "^4.7.0",
+    "material-design-icons": "^3.0.1",
+    "material-icons": "^0.1.0",
+    "roboto-fontface": "^0.7.0",
     "vue": "^2.2.6",
     "vue-router": "^2.3.1"
   },

src/App.vue

@@ -1,7 +1,8 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
-    <router-view></router-view>
+      <div class="page">
+        <router-view></router-view>
+      </div>
   </div>
 </template>
 
@@ -12,12 +13,30 @@ export default {
 </script>
 
 <style>
+
+@import '../node_modules/roboto-fontface/css/roboto/roboto-fontface.css';
+@import '../node_modules/font-awesome/css/font-awesome.css';
+@import '../node_modules/material-design-icons/iconfont/material-icons.css';
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+    overflow-x: hidden;
+    background: #CCCCCC;
+    margin: 0;
+    padding: 0;
+    -webkit-print-color-adjust: exact;
+    box-sizing: border-box;
+}
+.page {
+    background: white;
+    position: relative;
+    width: 21cm;
+    height: 29.7cm;
+    display: block;
+    page-break-after: auto;
+    overflow: hidden;
+}
+body{
+    padding: 0;
+    margin: 0;
+    overflow-x: hidden;
 }
 </style>