1 line
3.8 KiB
JSON
1 line
3.8 KiB
JSON
{"remainingRequest":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/theo/Documents/vue-cli-test/md-parser/src/components/ArticleForm.vue?vue&type=style&index=0&id=54c8f062&scoped=true&lang=css&","dependencies":[{"path":"/home/theo/Documents/vue-cli-test/md-parser/src/components/ArticleForm.vue","mtime":1594994856853},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgpmb3JtIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW4tYm90dG9tOiA1MHB4OwogIHdpZHRoOiA1MCU7Cn0KCmZvcm0gPiBkaXYgPiBpbnB1dCB7CiAgbWF4LXdpZHRoOiA1MCU7Cn0KCi50b2RheS1idXR0b24gewogIGJvcmRlcjogc29saWQ7CiAgYm9yZGVyLXdpZHRoOiAxcHg7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwp9Cg=="},{"version":3,"sources":["ArticleForm.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"ArticleForm.vue","sourceRoot":"components","sourcesContent":["<template>\n <form>\n <div class='form-group'>\n <label for='author'>Author</label>\n <input v-model='author' type='text' name='author' id='author' placeholder=\"John Doe\" class='form-control form-control-lg'>\n </div>\n <div class='form-group'>\n <label for='date-published'>Publication date</label>\n <input v-model='date_created' type='date' name='date-published' id='date-published' class='form-control form-control-sm'>\n <input type='button' class='btn btn-default today-button' @click.prevent=\"setToday(1)\" value='today'><br>\n </div>\n\n <div class='form-group'>\n <label for='date-modified'>Modification date</label>\n <input v-model='date_modified' type='date' name='date-modified' id='date-modified' class='form-control form-control-sm'>\n <input type='button' class='btn btn-default today-button' @click.prevent=\"setToday(2)\" value='today'><br>\n </div>\n <div class='form-group'>\n <label for='meta-title'>meta title</label>\n <input v-model='title' type='text' name='meta-title' id='meta-title' placeholder=\"What's up ?\" class='form-control form-control-lg'>\n </div>\n </form>\n</template>\n\n<script>\nexport default {\n name: 'metaForm',\n props: {\n },\n computed: {\n author (){\n get()\n {\n return this.$store.state.article.meta.author\n },\n set(value)\n {\n this.value = value\n }\n },\n date_modified (){\n return this.$store.state.article.meta.date_modified\n },\n date_created (){\n return this.$store.state.article.meta.date_created\n },\n title (){\n return this.$store.state.article.meta.title\n },\n },\n methods : {\n setToday : function(date) {\n console.log(this.$store.state.article.meta)\n this.$store.commit('today', date)\n }\n }\n\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\nform {\n display: block;\n margin-bottom: 50px;\n width: 50%;\n}\n\nform > div > input {\n max-width: 50%;\n}\n\n.today-button {\n border: solid;\n border-width: 1px;\n display: inline-block;\n}\n</style>\n"]}]} |