Add circle CI to build demo

circle.yml

@@ -0,0 +1,31 @@
+version: 2
+
+jobs:
+  build:
+    docker:
+      - image: cypress/base:8
+
+    branches:
+      ignore:
+        - gh-pages
+
+    steps:
+      - checkout
+
+      - restore_cache:
+          keys:
+          - v1-dependencies-{{ checksum "package.json" }}-{{ checksum "circle.yml" }}
+
+      - run:
+          name: Installing dependencies
+          command: npm install
+
+      - save_cache:
+          paths:
+            - node_modules
+            - ~/.cache
+          key: v1-dependencies-{{ checksum "package.json" }}-{{ checksum "circle.yml" }}
+
+      - run:
+          name: Build demo
+          command: sh demo.sh

demo.sh

@@ -0,0 +1,24 @@
+#!/usr/bin/env sh
+
+# abort on errors
+set -e
+
+# build
+NODE_ENV=demo npm run build
+
+# Copy circle CI configuration to prevent running from gh-pages
+cp ../circle.yml ./
+
+# navigate into the build output directory
+cd docs
+
+git config --global user.email "$GH_EMAIL" > /dev/null 2>&1
+git config --global user.name "$GH_NAME" > /dev/null 2>&1
+
+git init
+git add -A
+git commit -m "Deploy"
+
+git push -f git@github.com:EducationLink/vue-tel-input.git master:gh-pages
+
+cd -

demo/index.js

@@ -1,5 +1,6 @@
 import Vue from 'vue';
-import VueTelInput from '../src/vue-tel-input.vue';
+import VueTelInput from '../dist/vue-tel-input';
+import '../dist/vue-tel-input.css';
 
 import App from './App.vue';