petyosi

<template>
    <slider :min="min" :max="max" :step="step" :initialValue="initialValue" @valueChanged="filterValueChanged"></slider>
</template>
<script>
    import Vue from "vue";
    import Slider from './SliderComponent.vue';
    export default Vue.extend({
        name: 'slider-filter',
        data() {
            return {

petyosi

<template>
    <span class="slider">
        <input type="range" :min="min" :max="max" :step="step" :value="value" @input="onSliderChanging" @change="onSliderChanged" /> {{ value }}
    </span>
</template>
<script>
    export default {
        name: 'slider',
        props: {
            min: {

petyosi

// App.vue
<template>
    <div id="app">
        <div id="contentwrapper">
            <div id="contentcolumn">
                <div class="innertube">
                    <munro-detail :selectedMunro="selectedMunro"></munro-detail>
                </div>
            </div>
        </div>

petyosi

<template>
    <ag-grid-vue class="ag-theme-fresh grid"
                 :gridOptions="gridOptions"
                 :rowData="rowData"
                 :rowClicked="onRowClicked"
                 :rowDataChanged="onRowDataChanged">
    </ag-grid-vue>
</template>
<script>
    import Vue from "vue";

petyosi

<template>
    <div class="detail" v-if="selectedMunro">
        <table class="table">
            <tr>
                <td colspan="2">
                    {{selectedMunro.hillname}}
                </td>
            </tr>
            <tr>
                <td class="key">

petyosi

import Vue from "vue";
import App from "./App";
import "../node_modules/ag-grid/dist/styles/ag-grid.css";
import "../node_modules/ag-grid/dist/styles/ag-theme-fresh.css";

petyosi

<template>
  <div id="app">
      <munro-grid></munro-grid>
  </div>
</template>
<script>
    import MunroGrid from './components/MunroGrid';
    export default {
        name: 'app',
        data() {

petyosi

<template>
    <ag-grid-vue class="ag-theme-fresh grid"
                 :gridOptions="gridOptions"
                 :rowData="rowData"
                 :rowDataChanged="onRowDataChanged">
    </ag-grid-vue>
</template>
<script>
    import Vue from "vue";
    import {AgGridVue} from "ag-grid-vue";

petyosi

import {Component} from "@angular/core";
@Component({
    selector: 'my-app',
    template: `
        Hello {{ name }}
        <hr/>
        <squared-value [value]="4"></squared-value>
        <cubed-value [value]="4"></cubed-value>
        <quadrupal-value [value]="4"></quadrupal-value>
        <hr>

petyosi

const path = require('path');
const webpack = require('webpack');
const helpers = require('./helpers');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const AotPlugin = require('@ngtools/webpack').AotPlugin;
const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
module.exports = {
    entry: {
        polyfills: './app/polyfills.ts',
        vendor: './app/vendor-aot.ts',