Michael Munsie mikemunsie

VSCode is awesome for use with Vue. You should install the following plugins:
- Auto Close Tag
- Auto Rename Tag
- Vue VS Code Extension Pack (by Sarah Drasner)
Debugging CSS in Chrome can cause unexpected issues. See the fix here: https://stackoverflow.com/questions/49372717/broke-page-styles-of-vue-js-app-webpack-template-when-live-changing-it-in-chro/51779019#51779019
For VSCode to understand the @ resolver (ex: import X from '@/Y'), you need to configure a jsconfig.json file with the @ path to the src folder.

jsconfig.json

Renaming attributes in a serializer:

export default DS.JSONAPISerializer.extend({
 attrs: { results: 'data' }
});

Customizing the key in a list '@identity', '@index', or your own:

	import { ref } from "vue";
	import useContext from "../utils/useContext";

	const useSampleHook = (userDefinedName) => {
	const name = ref(userDefinedName);
	return {
	name,
	refreshData,
	};
	};

	class MyClass {
	constructor() {
	Object.getOwnPropertyNames(this.constructor.prototype).forEach((m) => {
	this[m] = this[m].bind(this)
	});
	}
	}
	}

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});

	// Make one massive array of all the rules from the stylesheets on the page
	const styleSheetRules = Object.keys(document.styleSheets).reduce((rules, i) => {
	const styleRules = document.styleSheets[i].cssRules \|\| [];
	Object.keys(styleRules).forEach((j) => {
	rules.push(styleRules[j]);
	});
	return rules;
	}, []);

	// Function used to lookup the rules from the stylesheet

	import Ember from 'ember';

	export default Ember.Component.extend({
	init() {
	this._super(...arguments);
	alert('yep');
	}
	});

	import Ember from 'ember';

	const {
	computed,
	get
	} = Ember;

	export default Ember.Component.extend({
	name: computed('name', function() {
	console.log('here');