dockerized

.dockerignore

@@ -0,0 +1,12 @@
+.github
+.idea
+.nuxt
+.vscode
+node_modules
+dist
+public
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

Dockerfile

@@ -0,0 +1,9 @@
+FROM node:lts-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm i
+COPY . .
+RUN npm run generate
+
+FROM nginx:alpine
+COPY --from=build /app/public /usr/share/nginx/html

components/Action.vue

@@ -1,20 +1,13 @@
 <template>
   <div class="stepC flex mt-6">
-    <button
-      class="py-1 pr-1 shrink-0 focus:outline-none drag cursor-move"
-      tabindex="-1"
-    >
-      <div
-        class="w-6 h-6"
-        v-html="require(`~/assets/icons/drag.svg?include`)"
-      ></div>
+    <button class="py-1 pr-1 shrink-0 focus:outline-none drag cursor-move" tabindex="-1">
+      <div class="w-6 h-6" v-html="require(`~/assets/icons/drag.svg?include`)"></div>
     </button>
     <div
       class="p-3 shrink-0 rounded-l"
       :style="{
-        background: `${
-          name == 'secondaryActions' ? item.color : buttonBg
-        }`,
+        background: `${name == 'secondaryActions' ? item.color : buttonBg
+          }`,
       }"
       :title="item.name"
     >
@@ -24,6 +17,7 @@
         v-html="getSVG(item)"
       ></div>
     </div>
+    <!-- // TODO show title content when input is focused. -->
     <div class="w-full">
       <input
         ref="input"
@@ -41,10 +35,7 @@
       :aria-label="'Remove ' + item.label"
       title="Remove field"
     >
-      <div
-        class="w-6 h-6"
-        v-html="require(`~/assets/icons/x.svg?include`)"
-      ></div>
+      <div class="w-6 h-6" v-html="require(`~/assets/icons/x.svg?include`)"></div>
     </button>
   </div>
 </template>

docker-compose.yml

@@ -0,0 +1,8 @@
+version: "3.8"
+services:
+  app:
+    build: .
+    container_name: enbizcard
+    ports:
+      - 80:80
+    restart: always

nuxt.config.js

@@ -201,17 +201,14 @@ export default {
         ? '[path][name]--[width][hash:optimized].[ext]'
         : 'img/[contenthash:7]-[width].[ext]',
     handleImages: ['jpeg', 'png', 'svg', 'webp', 'gif'],
-    optimizeImages: true,
+    optimizeImages: false,
     optimizeImagesInDev: false,
     defaultImageLoader: 'img-loader',
-    optipng: {
-      optimizationLevel: 7,
-    },
   },
   /*
    ** Nuxt.js modules
    */
-  modules: [['@nuxtjs/pwa', { icon: false }], '@nuxtjs/robots'],
+  modules: [['@nuxtjs/pwa', { icon: false }]],
   /*
    ** Build configuration
    ** See https://nuxtjs.org/api/configuration-build/
@@ -254,8 +251,5 @@ export default {
     dir: 'public',
     fallback: true,
   },
-  robots: {
-    UserAgent: '*',
-  },
   telemetry: false,
 }