colonelpopcorn/App.ts

## App.ts
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import 'material-design-icons-iconfont/dist/material-design-icons.css';

import App from './App.vue';

Vue.use(Vuetify);
Vue.config.productionTip = false;
new Vue({
  el: '#app',
  render: h => h(App)
});

console.log("asdgfdsfhkgsdgnh!");

## App.vue
<template>
  <v-app>
    <navigation-menu></navigation-menu>
    <v-toolbar app></v-toolbar>
    <v-content>
      <v-container fluid>
        <div>Hot yet.</div>

      </v-container>
    </v-content>
    <v-footer app></v-footer>
  </v-app>
</template>

<script lang="ts">
import Vue from 'vue';
import NavigationMenu from "./navigation/NavigationMenu.vue";
export default Vue.extend({
  data: function() {
    return {
      testVal: "Hello World!"
    };
  },
  components: {
    "navigation-menu": NavigationMenu
  }
});
</script>

## index.html
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta charset="UTF-8" />
      <title>colonelpopcorn.github.io</title>
   </head>
   <body>
      <div id="app"></div>
   </body>
   <script type="text/javascript" src="src/app.ts"></script>
</html>

## NavigationMenu.vue
<template>
  <v-navigation-drawer v-model="drawer" app>
    <v-btn @click.native="drawer = !drawer">Click me!</v-btn>
  </v-navigation-drawer>
</template>
<script lang="ts">
import Vue from 'vue';
import Vuetify from 'vuetify';
export default Vue.extend({
  data() {
    return {
      drawer: true
    };
  },
  methods: {

  }
});
</script>

## package.json
{
  "name": "colonelpopcorn.github.io",
  "version": "1.2.0",
  "description": "Portfolio for github pages.",
  "repository": "git@github.com:colonelpopcorn/colonelpopcorn.github.io",
  "author": "Jonathan Ling <jonathanling@shamrocksweb.com>",
  "license": "MIT",
  "scripts": {
    "dev": "parcel index.html --log-level 3 --port 1841"
  },
  "devDependencies": {
    "@vue/component-compiler-utils": "^2.2.0",
    "parcel": "^1.9.7",
    "tslint": "^5.11.0",
    "typescript": "^3.0.1",
    "vue-hot-reload-api": "^2.3.0",
    "vue-template-compiler": "^2.5.17"
  },
  "dependencies": {
    "material-design-icons-iconfont": "^3.0.3",
    "vue": "^2.5.17",
    "vue-router": "^3.0.1",
    "vuetify": "^1.1.13",
    "vuex": "^3.0.1"
  }
}
	import Vue from 'vue';
	import Vuetify from 'vuetify';
	import 'vuetify/dist/vuetify.min.css';
	import 'material-design-icons-iconfont/dist/material-design-icons.css';

	import App from './App.vue';

	Vue.use(Vuetify);
	Vue.config.productionTip = false;
	new Vue({
	el: '#app',
	render: h => h(App)
	});

	console.log("asdgfdsfhkgsdgnh!");
	<template>
	<v-app>
	<navigation-menu></navigation-menu>
	<v-toolbar app></v-toolbar>
	<v-content>
	<v-container fluid>
	<div>Hot yet.</div>

	</v-container>
	</v-content>
	<v-footer app></v-footer>
	</v-app>
	</template>

	<script lang="ts">
	import Vue from 'vue';
	import NavigationMenu from "./navigation/NavigationMenu.vue";
	export default Vue.extend({
	data: function() {
	return {
	testVal: "Hello World!"
	};
	},
	components: {
	"navigation-menu": NavigationMenu
	}
	});
	</script>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<title>colonelpopcorn.github.io</title>
	</head>
	<body>
	<div id="app"></div>
	</body>
	<script type="text/javascript" src="src/app.ts"></script>
	</html>
	<template>
	<v-navigation-drawer v-model="drawer" app>
	<v-btn @click.native="drawer = !drawer">Click me!</v-btn>
	</v-navigation-drawer>
	</template>
	<script lang="ts">
	import Vue from 'vue';
	import Vuetify from 'vuetify';
	export default Vue.extend({
	data() {
	return {
	drawer: true
	};
	},
	methods: {

	}
	});
	</script>
	{
	"name": "colonelpopcorn.github.io",
	"version": "1.2.0",
	"description": "Portfolio for github pages.",
	"repository": "git@github.com:colonelpopcorn/colonelpopcorn.github.io",
	"author": "Jonathan Ling <jonathanling@shamrocksweb.com>",
	"license": "MIT",
	"scripts": {
	"dev": "parcel index.html --log-level 3 --port 1841"
	},
	"devDependencies": {
	"@vue/component-compiler-utils": "^2.2.0",
	"parcel": "^1.9.7",
	"tslint": "^5.11.0",
	"typescript": "^3.0.1",
	"vue-hot-reload-api": "^2.3.0",
	"vue-template-compiler": "^2.5.17"
	},
	"dependencies": {
	"material-design-icons-iconfont": "^3.0.3",
	"vue": "^2.5.17",
	"vue-router": "^3.0.1",
	"vuetify": "^1.1.13",
	"vuex": "^3.0.1"
	}
	}