components snippets

Components Snippets.json

{
	"ComponentSetup": {
		"scope": "javascript,typescript",
		"body": [
			"import {argsToAttrs} from \"@utils/attributes\";",
			"import \"@elements/path/to/$2\";",
			"",
			"export default {",
  			"\ttitle: \"\"",
			"}",
			"",
			"interface Args {",
			"}",
			"",
			"const DEFAULT_ARGS:Args = {",
			"}",
			"",
			"export const $1 = (props?:Args) => {",
			"",
    			"\tprops = props ? {...DEFAULT_ARGS, ...props} : DEFAULT_ARGS;",
			"\tconst {} = props",
			"",
			"\treturn `<$2 ${argsToAttrs(props)}></$2>`;",
			"}",
			"",
			"$1.args = DEFAULT_ARGS;",
		]
	},

	"ArgTypesRadio": {
		"scope": "javascript,typescript",
		"body": [
			"$1.argTypes = {",
				"\t$2: {",
					"\t\tcontrol: {",
						"\t\t\ttype: 'inline-radio',",
						"\t\t\toptions: []",
					"\t\t}",
				"\t}",
			"}"
		]
	},

	"ArrayCountString": {
		"scope": "javascript,typescript",
		"body": [
			"${mapToString(arrayCount($1), i => {",
			"\treturn `",
			"\t`;",
			"})}"
		]
	},
}