Setting up docker

Author: mauritsderuiter95

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log

.travis.yml

@@ -0,0 +1,6 @@
+sudo: required
+services:
+  - docker
+
+script:
+  - docker build -t tocqueville95/webshopnuxt -f Dockerfile.dev .

.vscode/settings.json

@@ -33,4 +33,7 @@
     }
   ],
   "prettier-eslint.eslintIntegration": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
 }

Dockerfile

@@ -0,0 +1,11 @@
+FROM node:alpine
+
+WORKDIR /usr/src/app
+
+COPY package.json .
+
+RUN npm install
+
+COPY . .
+
+CMD [ "npm", "start" ]

Dockerfile.dev

@@ -0,0 +1,9 @@
+FROM node:alpine
+
+WORKDIR /usr/src/app
+
+COPY package.json .
+
+RUN npm install
+
+CMD [ "npm", "run", "dockerdev" ]

components/Search.vue

@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import { createComponent, watch } from '@vue/composition-api';
-import ClickOutside from 'vue-click-outside';
+const ClickOutside = require('vue-click-outside');
 
 export default createComponent({
   directives: {
@@ -67,9 +67,9 @@ export default createComponent({
       const searchString = ctx.root.$route.query.search;
       if (searchString) {
         moveLeft();
-        state.searchValue = ctx.root.$route.query.search;
+        (state as any).searchValue = ctx.root.$route.query.search;
         if (ctx.refs.input) {
-          ctx.refs.input.value = ctx.root.$route.query.search;
+          (ctx.refs.input as any).value = ctx.root.$route.query.search;
         }
       }
     });

docker-compose.yml

@@ -0,0 +1,11 @@
+version: '3'
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+    ports:
+      - "8081:8081"
+    volumes:
+      - /usr/src/app/node_modules/
+      - .:/usr/src/app

models/Order.ts

@@ -10,6 +10,15 @@ interface IPayment {
   amount : IAmount;
 }
 
+const amount : IAmount = {
+  value: '0',
+  currency: 'eur',
+};
+
+const payment : IPayment = {
+  amount,
+};
+
 export default class Order {
   id: string;
 
@@ -38,7 +47,7 @@ export default class Order {
     cartId: string = '',
     products: Array<CartProduct> = [],
     ideal: boolean = false,
-    orderPayment: object = {},
+    orderPayment: IPayment = payment,
     sendingCosts: number = 0,
     user: User = new User(),
     created: Date = new Date(),

models/Response.ts

@@ -0,0 +1,16 @@
+export default class Response<T> {
+  taken : number;
+
+  skipped : number;
+
+  total : number;
+
+  data: T[]
+
+  constructor(taken = Number.MAX_VALUE, skipped = 0, total = Number.MAX_VALUE, data = []) {
+    this.taken = taken;
+    this.skipped = skipped;
+    this.total = total;
+    this.data = data;
+  }
+}

nuxt.config.js

@@ -35,6 +35,10 @@ module.exports = {
     // Add exception
     transpile: ['vee-validate/dist/rules'],
   },
+  server: {
+    port: 8081,
+    host: '0.0.0.0',
+  },
   vue: {
     config: {
       performance: true,