View load-vue-components-from-folder.js
const req = require.context('./components/', true, /\.(js|vue)$/i);
req.keys().map(key => {
const name = key.match(/\w+/)[0];
return Vue.component(name, req(key))
View imgur-oauth-test.html
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>imgur oauth</title>
<script src=""></script>
$(function () {
var extractToken = function(hash) {
View gulpfile.js
var gulp = require('gulp');
var fs = require('fs');
var browserify = require('browserify');
var babelify = require('babelify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var livereload = require('gulp-livereload');
var less = require('gulp-less');
var concat = require('gulp-concat');
var connect = require('gulp-connect');
View Dockerfile
FROM base/archlinux
RUN pacman -Syu
RUN pacman -S --noconfirm git base-devel
WORKDIR /build
RUN useradd -d /build build-user
RUN echo "build-user ALL=(ALL) NOPASSWD: ALL" >> /etc/sudoers
RUN chown -R build-user /build
  1. Download zip.
  2. npm install.
  3. npm test.
View mdl-vue.js
import 'material-design-lite'
mounted() {
if (!this.$el || !this.$el.querySelectorAll) return;
for (const el of this.$el.querySelectorAll('[class*=mdl-js-]')) {
if (!el.dataset.upgraded) {
View main.js
import Vue from 'vue';
import 'material-design-lite';
mounted() {
for (const el of this.$el.querySelectorAll('[class*=mdl-js-]')) {
if (!el.dataset.upgraded) {
View Chart.vue
<canvas ref="chart"></canvas>
import chart from 'chart.js'
export default {
props: ['options', 'data'],
View App.vue
<style lang="scss">
@import "~material-design-lite/material.css";


##About The demo is meant to show how to make an automated answer to a hn comment, translated from Norwegian to English with these steps:

  1. Click on Chrome address bar.
  2. Type and press enter.
  3. Click on input field.
  4. Type the text for translation and wait for it to translate.