| function promisifyFileReader (filereader) { | |
| function composeAsync (key) { | |
| return function () { | |
| var args = arguments | |
| return new Promise (function (resolve, reject) { | |
| // | |
| function resolveHandler () { | |
| cleanHandlers() | |
| resolve(filereader.result) | |
| } |
| /* | |
| * Add this before you create your Vue instance with new Vue(...) | |
| */ | |
| Vue.prototype.$reset = function () { | |
| var data = this.$options.data() | |
| Object.keys(data).map(key => { | |
| this[key] = data[key] | |
| }) | |
| } |
| { | |
| "presets": [], | |
| "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs"] | |
| } |
| /* | |
| * | |
| * Usage: | |
| * compilerModules: [ | |
| * createDataAttributeRemover(['test', 'test-data']) | |
| * ] | |
| * | |
| */ | |
| function createDataAttributeRemover(attributes = []) { | |
| return { |
(from: https://github.com/Microsoft/vscode-recipes/blob/master/vuejs-cli/README.md)
This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI.
Notice: Please be aware that we have found issues with the sourcemaps generated by vue-cli, which are causing problems for the debugging experience in VS Code. See vuejs/vue-loader#1163
| <template> | |
| <div> | |
| yy | |
| </div> | |
| </template> | |
| <script> | |
| export default { | |
| methods: { | |
| async hello() { |
| // Local Plugin: | |
| // https://cli.vuejs.org/guide/plugins-and-presets.html#project-local-plugin | |
| // See also: | |
| // https://cli.vuejs.org/dev-guide/plugin-dev.html#modifying-webpack-config | |
| module.exports = api => { | |
| const webpack = require('webpack') | |
| api.configureWebpack({ | |
| plugins: [ |
| // Props: https://dev.to/_mikhailbot/vue-cli-3-tailwindcss-and-purgecss-1d1k | |
| const tailwindcss = require('tailwindcss') | |
| const purgecss = require('@fullhuman/postcss-purgecss') | |
| const autoprefixer = require('autoprefixer') | |
| const postcssImport = require('postcss-import') | |
| module.exports = { | |
| plugins: [ | |
| postcssImport, |
| <template> | |
| <!-- eslint-disable --> | |
| <spinner v-if="showSpinner"></spinner> | |
| <presentation-player v-else :page-data="$store.state.presentationPageData"></presentation-player> | |
| </template> | |
| <script> | |
| /* eslint-disable */ | |
| import webSocketService from 'services/websocket' | |
| import { usePresentation } from './base' |
| <template> | |
| <div ref="container"> | |
| <transition-group name="flip"> | |
| <div | |
| v-for="item in gridItems" | |
| :key="item.key" | |
| :style="{ backgroundImage: item.css, height: item.height }" | |
| /> | |
| </transition-group> | |
| </div> |
