tnorthcutt

fetchUrl() {
  return axios.get('https://api.github.com/repos/tnorthcutt/member-score-wp-plugin/releases/latest')
      .then(function (response) {
          return response.data.assets[0].browser_download_url;
      });
},

tnorthcutt

/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */
window.axios.defaults.headers.common = {
    'X-Requested-With': 'XMLHttpRequest',
    'X-CSRF-TOKEN': Spark.csrfToken
}; 

tnorthcutt

<div class="">
    <!-- User Photo / Name -->
    <a href="#" @click.prevent="toggleDropdown" class="px-4 hover:no-underline focus:no-underline" role="button" aria-expanded="false">
        <img :src="user.photo_url" class="spark-nav-profile-photo m-r-xs">
        <span class="caret"></span>
    </a>
    @include('nav.dropdown')
</div>

tnorthcutt

<!-- NavBar For Authenticated Users -->
<main-nav
        :user="user"
        :teams="teams"
        :current-team="currentTeam"
        :has-unread-notifications="hasUnreadNotifications"
        :has-unread-announcements="hasUnreadAnnouncements"
        :nav-open="navOpen"
        :dropdown-open="dropdownOpen"
        inline-template>

tnorthcutt

<template>
    <div>
    </div>
</template>
 <script>
    import base from 'navbar/navbar';
    export default {
        mixins: [
            base
        ],

tnorthcutt

html {
  font-size: 16px;
}
 body {
  font-size: 16px;
  font-weight: inherit;
}

tnorthcutt

@import "docs";
@import "automation";
@import "bootstrap-overrides";

@tailwind preflight;
@tailwind components;
@tailwind utilities;

tnorthcutt

// Starting with

{
    "2018-08-18":28,
    "2018-08-17":33
}


// Desired end result

tnorthcutt

Setting up a Jigsaw project to use Tailwind

tailwind.js ./node_modules/.bin/tailwind init

webpack.mix.js

let mix = require('laravel-mix');
let tailwind = require('tailwindcss');
let build = require('./tasks/build.js');

tnorthcutt

 ⭠ master ⮀ ~/sites/jigsaw ⮀
» npm run watch                                                                                                                                                      ◉ ◼◼◼◼◼◼◼◼◼◼

> @ watch /Users/travis/Sites/jigsaw
> npm run local -- --watch


> @ local /Users/travis/Sites/jigsaw
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --env=local --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"