daphen

{
  "name": "vue-gmaps",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "David Karlsson <david.karlsson@generanetworks.com>",
  "scripts": {
    "start": "node build/dev-server.js",
    "build": "node build/build.js"
  },
  "dependencies": {

daphen

undefined

This Gist was automatically created by Carbide, a free online programming environment.

You can view a live, interactive version of this Gist here.

daphen

            let frame;
            const headerElement = document.getElementById('header');
            let headerToggled = false;

            function update(frameId,skip){


                frame = false;

                if ( headerToggled && window.pageYOffset > 100 ) {

daphen

<template>
    <!-- :class="{'nav-bar': !topper }" -->
    <header id="header">
        <h2 id='logo-text'>GENERA</h2>
        <div id="wrapper-wrapper">
            <div id="logo-cont-wrapper">
                <div id="logo-cont" @click="clicker">
                    <symbol-positioner v-for="id in ids" :pos="pos[$index]">
                        <div :id="id"></div>
                    </symbol-positioner>

daphen

<template lang="jade">
	#decid
		h1 Add your options
		input(v-model="inputQuery", @keyup.enter="addItem(inputQuery)")
		ul#item-list
			li(v-for="item in items", transition="slide")
				p {{ item.item }}
				input(v-model="updateQuery", @keyup.enter="replaceItem(item)", transition="slide", v-show="edit")
				.buttons
					span.update(@click="pickItemToUpdate(item)") EDIT

daphen

<template lang="jade">
	#decid
		h1 Add your options
		input(
			v-model="inputQuery"
			@keyup.enter="addItem()"
		)
		ul#item-list(v-for="item in items", track-by="$index", transition='added-item')
			li
				p {{ item.item }}

daphen

<template lang="jade">
	#image-browser
		h1 image search
		input(v-model="searchInput" @keyup.enter="fetchImages")
		#gallery
			img(
				v-for='image in images'
				:src='image.thumb'
				@click='openModal(image.photo)'
			)

daphen

<template lang="jade">
	component(
		:is="stepHandler.currentStep"
		transition="switch-step"
		transition-mode="out-in"
		:stepHandler="stepHandler"
	)
</template>

<style lang="stylus">

daphen

<template lang="jade">
	component(:is="currentStep", transition="switch-step", transition-mode="out-in")
	button.stepButton(@click="setCurrentStep('step1')") Step 1
	button.stepButton(@click="setCurrentStep('step2')") Step 2
</template>

<style lang="stylus">
	h1
		color: #33BA82
		background-color: #33495F

daphen

var gulp            = require('gulp'),
    gutil           = require('gulp-util'),
    browserSync     = require('browser-sync'),
    elixir          = require('laravel-elixir');

    var  b          = elixir.config.js.browserify;


b.plugins.push({
      name: "browserify-hmr",