srph

import React from 'react'
import history from '@/history'
import make from './make'

export default {
  /**
   * Only guests can enter this page
   */
  guest: make((props) => {
    if (props.auth.data == null) {

srph

<?php

class Auth {
  /**
   * Our unique session key
   */
  protected $key = '__MY_APP_AUTH__';

  /**
   * PDO Instance

srph

<template>
  <div :ref="(el) => this.el = el"></div>
</template>

srph

<template>
  <autocomplete>
    <input slot-scope="props" ref="props.inputRef" @change="props.change" :value="props.value"></input>
  </autocomplete>
</template>

srph

<template>
  <autocomplete>
    <autocomplete-input slot-scope="props" @input="props.onInput" :value="props.value">
    </autocomplete-input>
  </autocomplete>
</template>

srph

<template>
  <div>
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: 'autocomplete',
    provide() {

srph

import React, {Component} from 'react'

class Column extends Component {
  state = {
    list: [], // Let's pretend this is filled by some AJAX request
    sorting: 0,
    sorted: []
  }

  filter(sorting) {

srph

import React, {Component} from 'react'
import SortingLayer from './SortingLayer'

class Column extends Component {
  state = {
    list: [], // Let's pretend this is filled by some AJAX request
    sorting: 0
  }

  render() {

srph

<SortingLayer list={list} sort={sort}>
  {(list) => (
    list.map((item, i) => (
      <div key={i}>
        {item.title}
      </div>
    ))
  )}
</SortingLayer>

srph

class MyComponent extends React.Component {
  render() {
    const {fullName} = this.props.computed
  }
}

export default computed({
  fullName(state, props) {
    return `${props.user.firstName} ${props.user.lastName}`
  }