Skip to content

Instantly share code, notes, and snippets.

Avatar

Thorsten Lünborg LinusBorg

View GitHub Profile
View promisify-file-reader.js
function promisifyFileReader (filereader) {
function composeAsync (key) {
return function () {
var args = arguments
return new Promise (function (resolve, reject) {
//
function resolveHandler () {
cleanHandlers()
resolve(filereader.result)
}
@LinusBorg
LinusBorg / reset.js
Created Oct 16, 2016
$reset() instance method for Vue
View reset.js
/*
* Add this before you create your Vue instance with new Vue(...)
*/
Vue.prototype.$reset = function () {
var data = this.$options.data()
Object.keys(data).map(key => {
this[key] = data[key]
})
}
@LinusBorg
LinusBorg / .babelrc
Created Jun 13, 2017 — forked from SeanJM/.babelrc
TypeScript, VueJS and JSX webpack configuration
View .babelrc
{
"presets": [],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs"]
}
@LinusBorg
LinusBorg / module.js
Last active Mar 9, 2020
Compiler Module for vue-loader to remove data-test attributes
View module.js
/*
*
* Usage:
* compilerModules: [
* createDataAttributeRemover(['test', 'test-data'])
* ]
*
*/
function createDataAttributeRemover(attributes = []) {
return {
@LinusBorg
LinusBorg / TestinVSCode.md
Created May 2, 2018
Testing Vue apps in VS Code
View TestinVSCode.md
View Demo.vue
<template>
<div>
yy
</div>
</template>
<script>
export default {
methods: {
async hello() {
@LinusBorg
LinusBorg / chunksPlugin.js
Last active Mar 3, 2019
Adding a local plugin to a Vue CLI preset
View chunksPlugin.js
// Local Plugin:
// https://cli.vuejs.org/guide/plugins-and-presets.html#project-local-plugin
// See also:
// https://cli.vuejs.org/dev-guide/plugin-dev.html#modifying-webpack-config
module.exports = api => {
const webpack = require('webpack')
api.configureWebpack({
plugins: [
@LinusBorg
LinusBorg / postcss.config.js
Created Mar 31, 2019
purge css with tailwind and Vue
View postcss.config.js
// Props: https://dev.to/_mikhailbot/vue-cli-3-tailwindcss-and-purgecss-1d1k
const tailwindcss = require('tailwindcss')
const purgecss = require('@fullhuman/postcss-purgecss')
const autoprefixer = require('autoprefixer')
const postcssImport = require('postcss-import')
module.exports = {
plugins: [
postcssImport,
@LinusBorg
LinusBorg / Presenter.vue
Last active Jun 15, 2019
Pseudocode example for a reddit discussion about the proposed Vue 3 composition RFC
View Presenter.vue
<template>
<!-- eslint-disable -->
<spinner v-if="showSpinner"></spinner>
<presentation-player v-else :page-data="$store.state.presentationPageData"></presentation-player>
</template>
<script>
/* eslint-disable */
import webSocketService from 'services/websocket'
import { usePresentation } from './base'
@LinusBorg
LinusBorg / Masonry.vue
Last active Jun 24, 2019
Example of proposed Vue setup method
View Masonry.vue
<template>
<div ref="container">
<transition-group name="flip">
<div
v-for="item in gridItems"
:key="item.key"
:style="{ backgroundImage: item.css, height: item.height }"
/>
</transition-group>
</div>