niallobrien

{
  "plugins": [
    "react",
    "prettier"
  ],
  "extends": [
    "airbnb",
    "react-app",
    "prettier"
  ],

niallobrien

// App.js
<template>
  <div id="app">
    <Messages></Messages>
  </div>
</template>

<script>
import Messages from './components/Messages'
import store from './vuex/store'

niallobrien

# -*- mode: ruby -*-
# vi: set ft=ruby :

# Vagrantfile API/syntax version. Don't touch unless you know what you're doing!
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
    config.vm.box = "precise32"

    config.vm.box_url = "http://files.vagrantup.com/precise32.box"

niallobrien

<template>
  <div id="app">
    <img class="logo" src="./assets/logo.png">
    <Hello></Hello>
    <Messages></Messages>
  </div>
</template>

<script>
import Hello from './components/Hello'

niallobrien

// html
<div>This is my post</div>
<!-- Just put this div at the bottom of your template somewhere-->
<!-- Notice that its hidden by default, so if it doesnt get used, thats fine-->
<div class="modal hide"></div>


//JS
$.ajax({
	type: 'post', // or post?

niallobrien

var mix = require('laravel-mix');
var glob = require("glob-all");
var PurgecssPlugin = require("purgecss-webpack-plugin");

isProduction = (process.env.NODE_ENV === 'production' || process.argv.includes('-p'));

class TailwindExtractor {
  static extract(content) {
    return content.match(/[A-z0-9-:\/]+/g);
  }

niallobrien

Laravel & Angular

Overview

This setup involves creating a Laravel API and an Angular client-app with Gulp covering the asset pipeline.

Our Laravel API server will serve one view only and that is to simply load the Angular app.

First, create a new directory for your project. We're going to place the server and client directories in here. You'll need to install Laravel, Yeoman, generator-gulp-angular and any other dependencies.

Server

niallobrien

<template>
  <div>
    <input type="text" placeholder="Enter message" v-model="newMessage">
    <button type="submit" @click="tryAddMessage">Add message</button>
    <ul>
      <li v-for="message in messages">
        <span>{{ message.text }}</span>
        <span @click="tryRemoveMessage(message)">x</span>
      </li>
    </ul>

niallobrien

// Clone L4 repo
git clone -b develop git://github.com/laravel/laravel.git myapp
cd myapp

// Install Composer
curl -sS https://getcomposer.org/installer | php
php composer.phar install

// Rename origin
git remote rename origin upstream

niallobrien

# -*- mode: ruby -*-
# vi: set ft=ruby :

# Vagrantfile API/syntax version. Don't touch unless you know what you're doing!
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
    config.vm.box = "precise32"

    config.vm.box_url = "http://files.vagrantup.com/precise32.box"