Merge branch 'release/v0.1.1'

Author: johnnymillergh

.env

@@ -0,0 +1,5 @@
+# Package JSON string for globally access attention
+VUE_APP_PACKAGE_JSON=''
+
+# TAG must be corresponding with the version tag in package.json, need to modify it when new version releases
+TAG=0.1.1

.env.development

@@ -0,0 +1,23 @@
+# NODE_ENV can only be 'development' or 'production'.
+# If set other value, packaged resource would be difference between environment.
+NODE_ENV = 'development'
+# Just a flag
+VUE_APP_ENV = 'dev'
+# Whether application is running on docker
+VUE_APP_RUN_ON_DOCKER = 'false'
+
+# Backend server IP and port. It's required when the environment is development.
+# Left blank if the environment is not development.
+VUE_APP_BASE_URL = 'http://localhost:8080'
+# Base api
+VUE_APP_BASE_API = '/jm-spring-boot-template-dev_loc'
+# Resource base api for picture, video ect.
+VUE_APP_RESOURCE_BASE_API = 'http://localhost:8080/jm-spring-boot-template-dev_loc'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.development_docker

@@ -0,0 +1,15 @@
+# NODE_ENV can only be 'development' or 'production'.
+# If set other value, packaged resource would be difference between environment.
+NODE_ENV = 'production'
+# Just a flag
+VUE_APP_ENV = 'dev_dkr'
+# Whether application is running on docker
+VUE_APP_RUN_ON_DOCKER = 'true'
+
+# Backend server IP and port. It's required when the environment is development.
+# Left blank if the environment is not development.
+VUE_APP_BASE_URL = ''
+# Base api
+VUE_APP_BASE_API = 'http://localhost:8081/jm-spring-boot-template-dev_dkr'
+# Resource base api for picture, video ect.
+VUE_APP_RESOURCE_BASE_API = 'http://localhost:8081/jm-spring-boot-template-dev_dkr'

.env.production

@@ -0,0 +1,15 @@
+# NODE_ENV can only be 'development' or 'production'.
+# If set other value, packaged resource would be difference between environment.
+NODE_ENV = 'production'
+# just a flag
+VUE_APP_ENV = 'prod'
+# Whether application is running on docker
+VUE_APP_RUN_ON_DOCKER = 'true'
+
+# Backend server IP and port. It's required when the environment is development.
+# Left blank if the environment is not development.
+VUE_APP_BASE_URL = ''
+# Base api
+VUE_APP_BASE_API = 'http://106.13.32.85:8081/jm-spring-boot-template-prod'
+# Resource base api for picture, video ect.
+VUE_APP_RESOURCE_BASE_API = 'http://106.13.32.85:8081/jm-spring-boot-template-prod'

.env.stage

@@ -0,0 +1,15 @@
+# NODE_ENV can only be 'development' or 'production'.
+# If set other value, packaged resource would be difference between environment.
+NODE_ENV = 'production'
+# just a flag
+VUE_APP_ENV = 'stage'
+# Whether application is running on docker
+VUE_APP_RUN_ON_DOCKER = 'true'
+
+# Backend server IP and port. It's required when the environment is development.
+# Left blank if the environment is not development.
+VUE_APP_BASE_URL = ''
+# Base api
+VUE_APP_BASE_API = 'http://localhost/jm-spring-boot-template-stage'
+# Resource base api for picture, video ect.
+VUE_APP_RESOURCE_BASE_API = 'http://localhost/jm-spring-boot-template-stage'

.env.test

@@ -0,0 +1,15 @@
+# NODE_ENV can only be 'development' or 'production'.
+# If set other value, packaged resource would be difference between environment.
+NODE_ENV = 'production'
+# just a flag
+VUE_APP_ENV = 'test'
+# Whether application is running on docker
+VUE_APP_RUN_ON_DOCKER = 'true'
+
+# Backend server IP and port. It's required when the environment is development.
+# Left blank if the environment is not development.
+VUE_APP_BASE_URL = ''
+# Base api
+VUE_APP_BASE_API = 'http://localhost/jm-spring-boot-template-test'
+# Resource base api for picture, video ect.
+VUE_APP_RESOURCE_BASE_API = 'http://localhost/jm-spring-boot-template-test'

CHANGELOG.md

@@ -1,3 +1,25 @@
+## [0.1.1](https://github.com/johnnymillergh/vuetify-typescript-playground/compare/v0.1.0...v0.1.1) (2019-12-27)
+
+
+### Bug Fixes
+
+* **$Travis:** correct NPM command ([c20c7d2](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/c20c7d25194056a73da116489cfb86dd041925a5))
+* **$VueConfig:** fix ESLint problem ([02b2281](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/02b2281553a0557fb7b7931382c952380a6c65e0))
+
+
+### Features
+
+* **$Demo:** create Vuetify demo page ([80afc80](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/80afc804c594db618c8417820916f7d44658c48e))
+* **$Docker:** integrate Docker ([24e43db](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/24e43db4a9e8ea0275242638248e892bf6559964))
+* **$RouterView:** add router changing animation ([340f912](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/340f9122912fbdc0cd52c9f3a8104e41ed50d0c3))
+
+
+### Performance Improvements
+
+* **$package.json:** update dependencies ([453198f](https://github.com/johnnymillergh/vuetify-typescript-playground/commit/453198f85790205ff9c094945437a5d9a67efbc0))
+
+
+
 # 0.1.0 (2019-12-27)
 
 

Dockerfile

@@ -0,0 +1,70 @@
+# inspired by https://vuejs.org/v2/cookbook/dockerize-vuejs-app.html#Real-World-Example
+# use multi-stage builds: https://docs.docker.com/develop/develop-images/multistage-build/
+
+# METHOND 1 (simple)
+
+## 1 build stage
+## 1.1 prepare for building front-end project
+#FROM node:10 as build-stage
+#
+## 1.2 make the 'app' folder the current working directory
+#WORKDIR /app
+#
+## 1.3 copy both 'package.json' and 'package-lock.json' (if available)
+#COPY package*.json ./
+#
+## 1.4 install project dependencies
+#RUN npm install
+#
+## 1.5 copy project files and folders to the current working directory (i.e. 'app' folder)
+#COPY . .
+#
+## 1.6 get ENV Alias arguement
+#ARG ENV_ALIAS
+#RUN echo ${ENV_ALIAS}
+#
+## 1.7 build static resources
+#RUN npm run build:${ENV_ALIAS} --scripts-prepend-node-path=auto
+#
+## 2 publishing stage
+## 2.1 publish static resouces
+#FROM nginx as publishing-stage
+#
+## 2.2 copy compiled static resources to the directory that NGINX proxies
+#COPY --from=build-stage /app/dist/ /usr/share/nginx/html/
+#
+## 2.3 get ENV arguement
+#ARG ENV
+#RUN echo ${ENV}
+#
+## 2.4 copy custom NGINX configuration to cover its default one
+#COPY nginx/default-${ENV}.conf /etc/nginx/conf.d/default.conf
+#
+## 2.5 expose port
+#EXPOSE 80
+#
+## 2.6 start NGINX
+#CMD ["nginx", "-g", "daemon off;"]
+
+# METHOND 2 (faster)
+
+# 1 publishing stage
+# 1.1 publish static resouces
+FROM nginx as publishing-stage
+
+# 1.2 copy compiled static resources to the directory that NGINX proxies
+COPY dist/ /usr/share/nginx/html/
+
+# 2.3 get ENV arguement
+ARG ENV
+RUN echo ${ENV}
+
+# 1.4 copy custom NGINX configuration
+COPY nginx/nginx-${ENV}.conf /etc/nginx/nginx.conf
+COPY nginx/mime.types /etc/nginx/mime.types
+
+# 1.5 expose port
+EXPOSE 80
+
+# 1.6 start NGINX
+CMD ["nginx", "-g", "daemon off;"]

docker-compose.development_docker.yml

@@ -0,0 +1,14 @@
+version: "3.7"
+
+services:
+  vuetify-typescript-playground:
+    container_name: vuetify-typescript-playground
+    image: "ijohnnymiller/vuetify-typescript-playground-dev_dkr:${TAG}"
+    build:
+      dockerfile: Dockerfile
+      context: .
+      args:
+        ENV: development_docker
+        ENV_ALIAS: dev_dkr
+    ports:
+      - 8081:80

docker-compose.production.yml

@@ -0,0 +1,14 @@
+version: "3.7"
+
+services:
+  vuetify-typescript-playground:
+    container_name: vuetify-typescript-playground
+    image: "ijohnnymiller/vuetify-typescript-playground-prod:${TAG}"
+    build:
+      dockerfile: Dockerfile
+      context: .
+      args:
+        ENV: production
+        ENV_ALIAS: prod
+    ports:
+      - 8081:80