Finally got it!

Dropping Bootstrap and Vue Awesome was the key
This commit is contained in:
Daniel J. Summers 2018-08-21 20:37:38 -05:00
parent ff8769a1da
commit 90ae68f816
9 changed files with 17 additions and 23 deletions

View File

@ -9,16 +9,12 @@
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"apistart": "cd ../api/MyPrayerJournal.Api && dotnet run",
"vue": "vue-cli-service build && cd ../api/MyPrayerJournal.Api && dotnet run"
"vue": "vue-cli-service build --modern && cd ../api/MyPrayerJournal.Api && dotnet run"
},
"sideEffects": [
"**/*.css"
],
"dependencies": {
"auth0-js": "^9.7.3",
"axios": "^0.18.0",
"moment": "^2.18.1",
"pug": "^2.0.1",
"vue": "^2.5.15",
"vue-progressbar": "^0.7.3",
"vue-router": "^3.0.0",
@ -30,9 +26,8 @@
"@vue/cli-plugin-eslint": "^3.0.0",
"@vue/cli-service": "^3.0.0",
"@vue/eslint-config-standard": "^3.0.0",
"css-loader": "^1.0.0",
"pug": "^2.0.1",
"pug-plain-loader": "^1.0.0",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.5.17"
}
}

View File

@ -5,6 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="preload" as="style">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>myPrayerJournal</title>
</head>
<body>

View File

@ -29,7 +29,7 @@ export default {
Navigation
},
data () {
return { version }
return {}
},
mounted () {
this.$refs.toast.setOptions({ position: 'bottom right' })
@ -37,6 +37,9 @@ export default {
computed: {
toast () {
return this.$refs.toast
},
version () {
return version.endsWith('.0') ? version.substr(0, version.length - 2) : version
}
}
}

View File

@ -8,7 +8,6 @@ import mutations from '@/store/mutation-types'
var tokenRenewalTimeout
export default class AuthService {
constructor () {
this.login = this.login.bind(this)
this.setSession = this.setSession.bind(this)

View File

@ -79,13 +79,5 @@ export default new Router({
name: 'LogOn',
component: LogOn
}
// {
// path: '/about',
// name: 'about',
// // route level code-splitting
// // this generates a separate chunk (about.[hash].js) for this route
// // which is lazy-loaded when the route is visited.
// component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
// }
]
})

View File

@ -1,6 +1,9 @@
const webpack = require('webpack')
module.exports = {
outputDir: '../api/MyPrayerJournal.Api/wwwroot',
css: {
modules: true
configureWebpack: {
plugins: [
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
]
}
}

View File

@ -7008,7 +7008,7 @@ vue-router@^3.0.0:
version "3.0.1"
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.0.1.tgz#d9b05ad9c7420ba0f626d6500d693e60092cc1e9"
vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
vue-style-loader@^4.1.0:
version "4.1.2"
resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
dependencies: