Change template from jade to pug

dev/full/dataTable.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	table.table.table-hover.table-bordered
 		thead
 			tr

dev/full/fieldAwesome.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input.form-control(type="text", v-model="value", :maxlength="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
 </template>
 

package.json

@@ -64,8 +64,6 @@
     "fecha": "2.3.0",
     "inject-loader": "2.0.1",
     "isparta-loader": "2.0.0",
-    "jade": "1.11.0",
-    "jade-loader": "0.8.0",
     "karma": "1.4.1",
     "karma-chai": "0.1.0",
     "karma-chrome-launcher": "1.0.1",
@@ -84,6 +82,8 @@
     "mocha-loader": "0.7.1",
     "node-sass": "3.10.1",
     "phantomjs-prebuilt": "2.1.14",
+    "pug": "^2.0.0-beta11",
+    "pug-loader": "^2.3.0",
     "sass-loader": "3.2.0",
     "sinon": "1.17.7",
     "sinon-chai": "2.8.0",

src/fields/core/fieldCheckbox.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName")
 </template>
 

src/fields/core/fieldChecklist.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	.wrapper
 		.listbox.form-control(v-if="schema.listBox", :disabled="disabled")
 			.list-row(v-for="item in items")

src/fields/core/fieldInput.vue

@@ -1,10 +1,10 @@
-<template lang="jade">
+<template lang="pug">
 .wrapper
 	input.form-control(
 		:type="schema.inputType", 
 		:value="value",
 		@input="value = $event.target.value",
-		number="schema.inputType == 'number'"
+		number="schema.inputType == 'number'",
 		:disabled="disabled",
 		:accept="schema.accept",
 		:alt="schema.alt",

src/fields/core/fieldLabel.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	span {{ value }}
 </template>
 

src/fields/core/fieldRadios.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	.radio-list(:disabled="disabled")
 		label(v-for="item in items")
 			input(type="radio", :disabled="disabled", :name="id", @click="onSelection(item)", :value="getItemValue(item)", :checked="isItemChecked(item)" )

src/fields/core/fieldSelect.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	select.form-control(v-model="value", :disabled="disabled", :name="schema.inputName")
 		option(:disabled="schema.required", :value="null", :selected="value == undefined") {{ selectOptions.noneSelectedText || "&lt;Nothing selected&gt;" }}
 		option(v-for="item in items", :value="getItemID(item)") {{ getItemName(item) }}

src/fields/core/fieldSubmit.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName", :disabled="disabled")
 </template>
 

src/fields/core/fieldTextArea.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	textarea.form-control(v-model="value", :disabled="disabled", :maxlength="schema.max", :minlength="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldCleave.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldDateTimePicker.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	.input-group.date
 		input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 		span.input-group-addon

src/fields/optional/fieldGoogleAddress.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName",  debounce="500", @focus="geolocate()")
 </template>
 

src/fields/optional/fieldImage.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	div.wrapper
 		input.form-control.link(type="text", v-show="schema.hideInput !== true", v-model="wrappedValue", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 		input.form-control.file(type="file", v-if="schema.browse !== false", :disabled="disabled", @change="fileChanged", :name="schema.inputName")

src/fields/optional/fieldMasked.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldPikaday.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldRangeSlider.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input(type="text", :autocomplete="schema.autocomplete", :data-disable="disabled", :data-max="schema.max", :data-min="schema.min", :data-step="schema.step", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldSelectEx.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	select.selectpicker(v-model="value", :disabled="disabled", :multiple="schema.multiSelect", :title="schema.placeholder", data-width="100%", :name="schema.inputName")
 		option(:disabled="schema.required", v-if="schema.multiSelect !== true", :value="null", :selected="value == undefined")
 		option(v-for="item in items", :value="getItemID(item)") {{ getItemName(item) }}

src/fields/optional/fieldSpectrum.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	input(type="text", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 

src/fields/optional/fieldStaticMap.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	img(:src="mapLink")
 </template>
 

src/fields/optional/fieldSwitch.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	label
 		input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName")
 		span.label(:data-on="schema.textOn || 'On'", :data-off="schema.textOff || 'Off'")

src/fields/optional/fieldVueMultiSelect.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 	multiselect(		
 		:id="selectOptions.id",
 		:options="options",

src/formGenerator.vue

@@ -1,4 +1,4 @@
-<template lang="jade">
+<template lang="pug">
 div
 	fieldset.vue-form-generator(v-if='schema != null')
 		template(v-for='field in fields')