Ivan Špoljarić ispoljari

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

	const storeOptions = {
	modules: {
	auth: AuthModule,
	},
	};

	const createStore = (storeOptions: any = {}): Store<{ auth: IState }> => new Vuex.Store({ ...storeOptions });

	// auth.spec.ts

	import Vuex, { Store } from 'vuex';
	import { createLocalVue } from '@vue/test-utils';

	import AuthModule, { IState } from './auth';

	jest.mock('@/services');

	const localVue = createLocalVue();

	@Module({
	stateFactory: true,
	namespaced: true,
	})
	export default class AuthModule extends VuexModule {
	userData?: UserData \| undefined = undefined;
	prevRouteList: Routes[] = [];
	error?: services.ICognitoError \| undefined = undefined;
	isLoading = false;
	...

	// step 1.

	const areCompatibleMatch = (mike, jane) => (
	'running' ==== 'running' \|\| // ref. transparency
	'pizza' ==== 'lasagne' ? // ref. transparency
	generateMessage("Mike", "Jane") :
	false;
	);

	// step 2.

	const { Map } = require('immutable');

	const mike = Map({
	name: 'Mike',
	age: 28,
	hobby: 'running',
	favouriteFood: 'pizza'
	});

	const jane = Map({

	const inventory = Object.freeze({
	cars: [], // example types
	boats: [], // example types
	trains: [] // example types
	});

	const planets = ['earth', 'mercury', 'venus', 'mars', 'jupiter'];
	const slicedPlanets = planets.slice(2,4);

	const inventory = {
	cars: [], // example types
	boats: [], // example types
	trains: [] // example types
	};

	const removeVehicleTypeFromInventory = (type, inventory) => {