Thanatat Tamtan acoshift

## App.vue
<template>
  <div id="app">
    <input ref="q">
    <button v-stream:click="q$">Search</button>
    <div>
      <h1>{{ topic }} ({{ page }} / {{ totalPage }})</h1>
      <select v-stream:change="perPage$">
        <option :value="10">10</option>
        <option :value="15">15</option>
        <option :value="20">20</option>

## gen-client.sh
#!/bin/bash
openssl genrsa -out $1.key 2048
openssl rsa -in $1.key -out $1.key
chmod 400 $1.key
openssl req -new -key $1.key -out $1.csr -subj "/CN=$1"
openssl x509 -req -in $1.csr -days 365 -CA server.crt -CAkey server.key -out $1.crt -CAcreateserial
rm $1.csr

## nginx.tmpl
{{ $cfg := .Cfg }}
{{ $IsIPV6Enabled := .IsIPV6Enabled }}
{{ $healthzURI := .HealthzURI }}
{{ $backends := .Backends }}
{{ $proxyHeaders := .ProxySetHeaders }}
daemon off;

worker_processes {{ $cfg.WorkerProcesses }};
pid /run/nginx.pid;
{{ if ne .MaxOpenFiles 0 }}

## .gitconfig
[alias]
	cm = commit
	co = checkout
	p = push
	pp = pull
	tags = tag -l
	b = branch
	bb = branch -a
	bd = branch -D
	pod = push origin --delete

## Checkbox.vue
<template lang="pug">
  .ui.checkbox
    input(ref='input', type='checkbox')
    label
      slot
</template>

<script>
  export default {
    props: ['value'],

## auth-service-rxjs.js
import { Observable, BehaviorSubject } from 'rxjs'
import axios from 'axios'

const API_URL = 'http://localhost:8080'

const API = {
  get (url) {
    return Observable.fromPromise(axios.get(API_URL + url))
  }
}

## index.html
<!doctype>
<html>
  <div id="app"></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
  <script>
    // create single state instance
    const state = {
      value: 0
    }
	<template>
	<div id="app">
	<input ref="q">
	<button v-stream:click="q$">Search</button>
	<div>
	<h1>{{ topic }} ({{ page }} / {{ totalPage }})</h1>
	<select v-stream:change="perPage$">
	<option :value="10">10</option>
	<option :value="15">15</option>
	<option :value="20">20</option>
	#!/bin/bash
	openssl genrsa -out $1.key 2048
	openssl rsa -in $1.key -out $1.key
	chmod 400 $1.key
	openssl req -new -key $1.key -out $1.csr -subj "/CN=$1"
	openssl x509 -req -in $1.csr -days 365 -CA server.crt -CAkey server.key -out $1.crt -CAcreateserial
	rm $1.csr
	{{ $cfg := .Cfg }}
	{{ $IsIPV6Enabled := .IsIPV6Enabled }}
	{{ $healthzURI := .HealthzURI }}
	{{ $backends := .Backends }}
	{{ $proxyHeaders := .ProxySetHeaders }}
	daemon off;

	worker_processes {{ $cfg.WorkerProcesses }};
	pid /run/nginx.pid;
	{{ if ne .MaxOpenFiles 0 }}
	[alias]
	cm = commit
	co = checkout
	p = push
	pp = pull
	tags = tag -l
	b = branch
	bb = branch -a
	bd = branch -D
	pod = push origin --delete
	<template lang="pug">
	.ui.checkbox
	input(ref='input', type='checkbox')
	label
	slot
	</template>

	<script>
	export default {
	props: ['value'],
	import { Observable, BehaviorSubject } from 'rxjs'
	import axios from 'axios'

	const API_URL = 'http://localhost:8080'

	const API = {
	get (url) {
	return Observable.fromPromise(axios.get(API_URL + url))
	}
	}
	<!doctype>
	<html>
	<div id="app"></div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
	<script>
	// create single state instance
	const state = {
	value: 0
	}