Initial vue commit

This commit is contained in:
Joel Collins 2019-01-28 09:53:22 +00:00
parent b561513c4f
commit 859ffc2496
21 changed files with 11115 additions and 651 deletions

43
src/App.vue Normal file
View file

@ -0,0 +1,43 @@
<template>
<div id="app">
<IpInput msg="Is your name good or bad?."/>
<img alt="Vue logo" src="./assets/images/logo.png">
<IpDisplay/>
</div>
</template>
<script>
// Import axios for HTTP requests
import axios from 'axios'
// Import basic UIkit
import UIkit from 'uikit';
// Import UIkit icon set
import Icons from 'uikit/dist/js/uikit-icons';
UIkit.use(Icons);
// Import components
import IpInput from './components/IpInput.vue'
import IpDisplay from './components/IpDisplay'
// Export main app
export default {
name: 'app',
components: {
IpInput,
IpDisplay
}
}
</script>
<style lang="less">
// Basic UIkit CSS
@import "../node_modules/uikit/src/less/uikit.less";
// Custom UIkit CSS modifications
@import "./assets/less/theme.less";
#app {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
</style>