LinusBorg

<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>

LinusBorg

<template>
  <form>
    <input type="text" v-model="data.name" />
    <span v-if="errors.name">{errors.name.msg{</span>
    <span v-else>{{capsName}}</span>
    <input type="number" v-model.number="data.age" />
    <span v-if="errors.age">{errors.age.msg{</span>
  </form>
</template>

LinusBorg

<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'

LinusBorg

// 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: [

LinusBorg

<template>
  <div>
    yy
  </div>
</template>

<script>
  export default {
    methods: {
      async hello() {

LinusBorg

(from: https://github.com/Microsoft/vscode-recipes/blob/master/vuejs-cli/README.md)

Vue.js debugging in Chrome and VS Code

by Kenneth Auchenberg

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

LinusBorg

/*
* 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]
  })
}

LinusBorg

function promisifyFileReader (filereader) {
    function composeAsync (key) { 
        return function () {
            var args = arguments
            return new Promise (function (resolve, reject) {
                //
                function resolveHandler () {
                    cleanHandlers()
                    resolve(filereader.result)
                }