Skip to content

Instantly share code, notes, and snippets.

View jbenner-radham's full-sized avatar

James Benner jbenner-radham

89 followers · 16 following
View GitHub Profile
@jbenner-radham
jbenner-radham / index.pug
Created November 9, 2018 22:17
Playing around with more copy/paste friendly shell `<code/>` styling.
doctype
html
body
// See: https://codepen.io/jbenner/pen/XyKqbK
h2 Usage
code(data-lang='sh') readme-md --help
@jbenner-radham
jbenner-radham / vue-ts-variants.md
Last active May 21, 2018 22:30

Vue.js TypeScript Variants

Vue Extend Variant

import * as _ from 'underscore.string';
import Vue from 'vue';
import AwesomeMixin from './mixins/AwesomeMixin';
import HelloWorld from './components/HelloWorld.vue';
@jbenner-radham
jbenner-radham / .eslintrc.js
Created May 15, 2018 22:51 — forked from wassname/.eslintrc.js
eslint.recommended (annotated)
/**
* eslint.recommended (annotated)
* ================
* Annotated defaults based on eslint.recommended
*
* @author: wassname
* @license: MIT
* @website https://gist.github.com/wassname/4693303388396c5f074b10865a969b43
* @date 2017-11-13T23:08
* @eslint-version: 4.11.0
@jbenner-radham
jbenner-radham / .eslintrc.js
Last active May 31, 2018 16:12
Testing out an ESLint config for Vue CLI projects.
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/recommended',
'eslint:recommended'
],
rules: {
@jbenner-radham
jbenner-radham / vue.config.js
Created May 2, 2018 02:14
Vue CLI config with prerendering.
const path = require('path');
const PrerenderSpaPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSpaPlugin.PuppeteerRenderer;
module.exports = {
configureWebpack: {
plugins: [
new PrerenderSpaPlugin({
staticDir: path.join(__dirname, 'dist'),
routes: ['/'],
@jbenner-radham
jbenner-radham / .editorconfig
Last active April 14, 2018 21:14
Docker based WordPress dev environment lab.
# EditorConfig is awesome: http://EditorConfig.org
# Top-most EditorConfig file.
root = true
[*]
charset = utf-8
end_of_line = lf
indent_size = 4
indent_style = space
@jbenner-radham
jbenner-radham / webpack.config.js
Created February 18, 2018 20:35
A minimal webpack setup for bundling JS for browsers via Babel.
'use strict';
const path = require('path');
module.exports = {
/** @see https://webpack.js.org/configuration/entry-context/#entry */
entry: './src/js/index.js',
/** @see https://webpack.js.org/configuration/output/ */
output: {
@jbenner-radham
jbenner-radham / App.vue
Created February 18, 2018 20:14
A minimal Vue.js single file component.
<template>
<h1>Hello World!</h1>
</template>
<script>
export default {
name: 'app'
}
</script>
@jbenner-radham
jbenner-radham / index.js
Last active February 18, 2018 20:05
The JS entry point for a Vue.js single file component setup via webpack and Babel.
'use strict';
import App from '../components/App.vue';
import Vue from 'vue';
new Vue({
el: '#app',
render: h => h(App)
});
@jbenner-radham
jbenner-radham / webpack.config.js
Last active February 17, 2018 23:35
A somewhat minimal webpack config file for JS via Babel, with a dev server and hot module replacement.
'use strict';
const path = require('path');
const webpack = require('webpack');
module.exports = {
/** @see https://webpack.js.org/configuration/entry-context/#entry */
entry: './src/js/index.js',
/** @see https://webpack.js.org/configuration/output/ */