vertcitron’s gists

vertcitron / vue.config.js

Created October 31, 2018 22:39

	const path = require('path')
	const CopyWebpackPlugin = require('copy-webpack-plugin')
	const { execSync } = require('child_process')

	process.env.VUE_APP_VERSION = require('./package.json').version
	process.env.VUE_APP_GIT_BRANCH = process.env.CI_BRANCH \|\| execSync('git rev-parse --abbrev-ref HEAD').toString('utf8').trim()

	module.exports = {
	outputDir: 'public',
	assetsDir: 'static',

vertcitron / example_api.csv

Created November 2, 2018 09:52

article "Making a large scale app with vue.js (part 1)"

url	method	description
/user	GET	retrieves logged user infos
/user	PUT	modifies logged user infos
/user	DELETE	deconnects current user and deletes it
/user	POST	creates a new user (no need to be logged in)
/user/login	POST	submits user's credentials and logs in if succeeded
/user/logout	POST	deconnects curent user
/todos	GET	retrieve all todos for the current user
/todos/id	GET	retrieves data for a single todo

vertcitron / todosModule.js

Last active November 2, 2018 17:01

	/ VUEX module for todos management in todolist app /

	export default {
	namespaced: true,
	// -----------------------------------------------------------------
	state: {
	// properties to store todos data
	},
	// -----------------------------------------------------------------
	getters: {

vertcitron / store.js

Created November 2, 2018 17:11

	/ VUEX store definition file for todo list app /

	import Vue from 'vue'
	import Vuex from 'vuex'

	import userModule from './userModule'
	import todosModule from './todosModule'

	Vue.use(Vuex)

vertcitron / storeCalls.js

Created November 2, 2018 17:37

	// get logged in user infos :
	const user = this.$store.getters['user/data']

	// register a new user to the backend :
	this.$store.dispatch('user/create', newUser)

	// modify a todo :
	this.$store.dispatch('todos/update', modifiedTodo)

	// etc...

vertcitron / asset.json

Created November 7, 2018 09:03

vertcitron / imageModule1.js

Created November 7, 2018 09:58

	/ VUEX module for image asset management /

	import Vue from 'vue'

	export default {
	namespaced: true,
	// -----------------------------------------------------------------
	state: {
	asset: {}
	},

vertcitron / gist:38bf3d5adf744d0dfeb15c1ad86a66bb

Created November 7, 2018 10:09

asset.js

	/ VUEX module for image asset management /

	import Vue from 'vue'

	export default {
	namespaced: true,
	// -----------------------------------------------------------------
	state: {
	asset: {}
	},

vertcitron / asset.js

Last active November 7, 2018 10:47

	/ VUEX module for image asset management /

	import Vue from 'vue'

	export default {
	namespaced: true,
	// -----------------------------------------------------------------
	state: {
	asset: {}
	},

vertcitron / changeSlot.js

Created November 7, 2018 10:18

	const originalSlot = this.$store.getters['asset/slot']('original')
	originalSlot.public_url = 'some new url'
	this.$store.commit('asset/setSlot', this.originalSlot)

Stéphane Souron vertcitron