feat: #41 fixed chinese strings not showing

Author: Flowko

Dockerfile

@@ -1,20 +1,20 @@
 # Dockerfile
-FROM node:16.13.2-alpine
+FROM node:16.18.1-alpine3.16
 
 # create destination directory
 WORKDIR /usr/src/website-shot
 
 # update and install dependency
-RUN apk add --no-cache git chromium
+RUN apk add --no-cache chromium wqy-zenhei --repository http://nl.alpinelinux.org/alpine/edge/testing
 
 # copy package.json and install dependencies
 COPY package*.json /usr/src/website-shot/
-RUN npm install
+RUN yarn install
 
 # copy the app, note .dockerignore
 COPY . /usr/src/website-shot/
-RUN npm run generate
-RUN npm run build
+RUN yarn generate
+RUN yarn build
 
 EXPOSE 3000
 
@@ -23,4 +23,4 @@ ENV NUXT_PORT 3000
 ENV PASSWORD_PROTECT 0
 ENV PASSWORD null
 
-CMD [ "npm", "start" ]
+CMD [ "yarn", "start" ]

docker-compose.yml

@@ -3,7 +3,7 @@ version: '3.3'
 services:
     website-shot:
         ports:
-            - '3003:3000'
+            - '3000:3000'
         volumes:
             - '/docker/webshot:/usr/src/website-shot/screenshots'
         image: flowko1/website-shot

pages/index.vue

@@ -548,7 +548,7 @@
           v-if="result && result.url"
           :src="result.url"
           width="100%"
-          style="height: 50vh"
+          style="height: 50vh;object-fit: cover;"
         />
       </div>
     </div>