Sean G. Wright seangwright

## kentico-modern-tools-kentico-ecommerce-utilities.csproj
<Project Sdk="Microsoft.NET.Sdk">

  <PropertyGroup>
    <TargetFramework>net472</TargetFramework>
  </PropertyGroup>

  <PropertyGroup>
    <VersionPrefix>1.0.0</VersionPrefix>
    <PackageDescription>Ecommerce utility classes for Kentico 12</PackageDescription>
    <Copyright>2019</Copyright>

## ken120-mvc-vuejs-_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@ViewBag.Title</title>

    <link rel="stylesheet"
          href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"

## ken120-mvc-vuejs-webpack.config.js
const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {
  entry: path.resolve(__dirname, 'Scripts', 'inline-editors-bundle.js'),
  output: {
    path: path.resolve(__dirname, 'Content', 'InlineEditors'),
    filename: "inline-editors-bundle.dist.js"
  },
  externals: [{

## ken120-mvc-vuejs-package.json
{
  "name": "ken120-mvc-seed",
  "version": "1.0.0",
  "scripts": {
    "start": "webpack --config webpack.config.js --watch",
    "build": "webpack --config webpack.config.js --mode production"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {

## ken120-mvc--vuejs-inline-editors-bundle.js
import Vue from 'vue'

/*
 * Add additional imports here when you create
 * additional VueJs components
 */
import MediaSelectionEditor from
 '../Content/InlineEditors/MediaSelectionEditor/media-selection-editor.vue';

/*

## ken120-mvc-vuejs-media-selection-editor-snippet.vue
<template>
  <div>
    <!-- HTML cut for brevity -->
  </div>
</template>

<script>
export default {
  props: {
    hostUrl: String,

## ken120-mvc-vuejs-MediaLibraryApi.ashx
using System.Linq;
using System.Web;
using CMS.Helpers;
using CMS.MediaLibrary;
using CMS.Membership;
using CMS.SiteProvider;
using Newtonsoft.Json;
using Newtonsoft.Json.Serialization;

namespace CMSApp.CMSPages

## ken120-mvc-vuejs-CorsModule.cs
using System;
using System.Configuration;
using System.Linq;
using System.Web;

namespace CMS.Cors
{
    public class CorsModule : IHttpModule
    {
        private readonly string[] allowedOrigins;

## ken120-mvc-vuejs-media-selection-editor.vue
<template>
  <div class="root">
    <div class="row">
      <div class="col-lg-3">
        <div class="row">
          <div class="col-lg-12">
            <div class="selected-media mb-4">
              <div>
                <h4>Selected</h4>
                <img :src="selectedMediaFullUrl" v-if="selectedMediaUrl">

## ken120-mvc-vuejs-media-selection-editor.js
(function() {
  "use strict";

  let appRoot = undefined;

  window.kentico.pageBuilder.registerInlineEditor("media-selection-editor", {
    init: function(options) {
      const editor = options.editor;

      appRoot = new Vue({