btakita

{
	"meta": {"theme": "flat"},
	"basics": {
		"name": "Brian Takita",
		"label": "Fullstack Web & Mobile App Developer",
		"picture": "",
		"email": "[email protected]",
		"website": "https://briantakita.com",
		"summary": "A summary of John Doe...",
		"profiles": [

btakita

$15.05
mixed fruit,$2.15
french fries,$2.75
side salad,$3.35
hot wings,$3.55
mozzarella sticks,$4.20
sampler plate,$5.80

btakita

<script>
export default {
		computed: {
			config__issues: ({ store, $config__issues }) => (store ? store.get().config__issues : $config__issues) || {},
			labels: ({ config__issues }) => config__issues.labels || {},
			order: ({ config__issues }) => config__issues.order || [],
			titles: ({ bar__issues }) => ( bar__issues && bar__issues.titles) || {},
			values: ({ bar__issues }) => ( bar__issues && bar__issues.values) || {},
			representations: ({ bar__issues }) => ( bar__issues && bar__issues.representations) || {},
			weights: ({ bar__issues }) => ( bar__issues && bar__issues.weights) || {},

btakita

<p>This is a top-level element.</p>
<Nested on:event1=event1(event) on:event2:1=event21(event)/>

<script>
	import Nested from './Nested.html';

	export default {
		methods: {
			event1(event) {
				console.debug('event1')

btakita

/** Add this into the rollup plugins array
resolve__rollup({
  paths: ['.', 'node_modules'],
  extensions: ['.mjs', '.js', '.json', '.tag']
})
*/

function resolve__rollup(options) {
  return {
    name: 'resolve__rollup',

btakita

<div class="jumbotron">
    <div class="row">
        <div class="col-md-6">
            <h1>Svelte (keyed)</h1>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-sm-6 smallpad">
                    <button type="button" class="btn btn-primary btn-block" id="run" on:click="run()">Create 1,000 rows</button>
                </div>

btakita

class BublePlugin {
  apply(compiler) {
    compiler.plugin('emit', (compilation, callback) => {
      compilation.chunks.forEach(chunk => {
        chunk.files.forEach(function(filename) {
          if (/\.js$/.test(filename)) {
            const source = compilation.assets[filename].source()
                , __buble = buble.transform(source)
            compilation.assets[filename] = {
              source() {

btakita

agent__xyz(ctx).on('change', (ctx) => {
  const {x,y,z} = ctx
})
agent__a(ctx).set({a:1})
function agent__xyz(ctx) {
  let agent = ctx.agent__xyz
  if (agent) return agent
  return ensure__agent(ctx, {
    key: 'agent__xyz',
    scope: ['x', 'y', 'z'],

btakita

<div class="Dossier__Search">
  <input type="text" bind:value="query__search"/>
  
  <ul class="search__people" class="{{class__search__people}}">
    {{#each search__people as person}}
      <li on:click="click__search__person(event, person)">
      {{person.name}}
      </li>
    {{/each}}
  </ul>

btakita

<!-- Index.html is used in DOM & SSR -->
<Layout id="index" class__root="Index" ctx="{{ctx}}">
  <main>
    <article ref:presentation id="presentation">
      <section class="slide-0">
        Slide 0
      </section>
      <section class="slide-1">
        Slide 1
      </section>