BrockReece

{
        "appKey": "randomKey",
        "authHost": "https://corestaging.croudcontrol.com",
        "authEndpoint": "/broadcasting/auth",
        "database": "redis",
        "databaseConfig": {
                "redis": {
                        "port": "6379",
                        "host": "localhost",
                        "options": {

BrockReece

import { mapActions } from 'vuex'

export default {
    methods: {
        ...mapActions([
            'updateInputFocus',
        ]),

        lastInputFocus(e) {
            if (!e.srcElement.name) return

BrockReece

{
  "version": "0.2.0",
  "configurations": [
      {
          "type": "chrome",
          "request": "launch",
          "name": "Remote debugging",
          "sourceMaps": true,
          "url": "http://localhost:8080",
          "webRoot": "${workspaceRoot}"

BrockReece

<template>
  <div>{{ hello }}</div>
</template>

<script>
  export default {
    data() {
      return {
        hello: 'Hello',
      }

BrockReece

<template>
  <div class="a" v-html="content"></div>
</template>

<script>
  export default { 
    data() {
      return {
        content: 'this is a <a class="b">Test</a>',
      }

BrockReece

<template>
  <div v-if="outOfView" class="placeholder">&nbsp;</div>
  <div v-else>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {

BrockReece

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.intersectionRatio > 0) {
      observer.disconnect()
      this.showComments = true
    }
  })
}, this.options)

observer.observe(this.$refs.ending)

BrockReece

export default {
    methods: {
        // better for readability
        async veryReadable() {
            const { data } = await axios.get(`https://jsonplaceholder.typicode.com/post/${response.data[0]}/comments?_page=1`)
            this.comments = data
        },

        // better for returning a promise for chaining
        returningPromise() {

BrockReece

<template>
  <div v-if="outOfView" class="placeholder">&nbsp;</div>
  <div v-else>
    <slot></slot>
  </div>
</template>

BrockReece

Vue.config.performance = true