{"ScriptPreparationCode":" const _trimAndCapitalize = (text, length) =\u003E {\r\n if (!text) return \u0022\u0022;\r\n text = text.toString();\r\n return text.charAt(0).toUpperCase() \u002B text.slice(1, length);\r\n };","TestCases":[{"Name":"filter","Code":"const filtersVm = new Vue({\r\n el: \u0022#filters\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EFilters\u003C/h3\u003E\r\n \u003Cp\u003E{{ text1 | trimAndCapitalizeFilter(2)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text2 | trimAndCapitalizeFilter(11)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text3 | trimAndCapitalizeFilter(3)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text4 | trimAndCapitalizeFilter(5)}}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n filters: {\r\n trimAndCapitalizeFilter(text, length) {\r\n return _trimAndCapitalize(text, length);\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"methods","Code":"const methodsVm = new Vue({\r\n el: \u0022#methods\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EMethods\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text4, 5) }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n methods: {\r\n trimAndCapitalizeMethod(text, length) {\r\n return _trimAndCapitalize(text, length);\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"computed with function","Code":"const computedVm = new Vue({\r\n el: \u0022#computed\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EComputed\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text4, 12) }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n computed: {\r\n trimAndCapitalizeComputed() {\r\n return _trimAndCapitalize;\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"filter repeated","Code":"const filtersVm = new Vue({\r\n el: \u0022#filters\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EFilters\u003C/h3\u003E\r\n \u003Cp\u003E{{ text1 | trimAndCapitalizeFilter(2)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text2 | trimAndCapitalizeFilter(11)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text3 | trimAndCapitalizeFilter(3)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text4 | trimAndCapitalizeFilter(5)}}\u003C/p\u003E\r\n\u003Cp\u003E{{ text1 | trimAndCapitalizeFilter(2)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text2 | trimAndCapitalizeFilter(11)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text3 | trimAndCapitalizeFilter(3)}}\u003C/p\u003E\r\n \u003Cp\u003E{{ text4 | trimAndCapitalizeFilter(5)}}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n filters: {\r\n trimAndCapitalizeFilter(text, length) {\r\n return _trimAndCapitalize(text, length);\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"methods repeated","Code":"const methodsVm = new Vue({\r\n el: \u0022#methods\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EMethods\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text4, 5) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeMethod(text4, 5) }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n methods: {\r\n trimAndCapitalizeMethod(text, length) {\r\n return _trimAndCapitalize(text, length);\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"computed repeated","Code":"const computedVm = new Vue({\r\n el: \u0022#computed\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EComputed\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text4, 12) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text1, 2) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text2, 11) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text3, 3) }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed(text4, 12) }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n computed: {\r\n trimAndCapitalizeComputed() {\r\n return _trimAndCapitalize;\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"computed with variables","Code":"const computedVm = new Vue({\r\n el: \u0022#computed\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EComputed\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed1 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed2 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed3 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed4 }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n computed: {\r\n trimAndCapitalizeComputed1() {\r\n return _trimAndCapitalize(text1, 2);\r\n },\r\n trimAndCapitalizeComputed2() {\r\n return _trimAndCapitalize(text2, 11);\r\n },\r\n trimAndCapitalizeComputed3() {\r\n return _trimAndCapitalize(text3, 3);\r\n },\r\n trimAndCapitalizeComputed4() {\r\n return _trimAndCapitalize(text4, 12);\r\n }\r\n }\r\n });","IsDeferred":false},{"Name":"computed with variables repeated","Code":"const computedVm = new Vue({\r\n el: \u0022#computed\u0022,\r\n template: \u0060\r\n \u003Csection\u003E\r\n \u003Ch3\u003EComputed\u003C/h3\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed1 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed2 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed3 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed4 }}\u003C/p\u003E\r\n\u003Cp\u003E{{ trimAndCapitalizeComputed1 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed2 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed3 }}\u003C/p\u003E\r\n \u003Cp\u003E{{ trimAndCapitalizeComputed4 }}\u003C/p\u003E\r\n \u003C/section\u003E\r\n \u0060,\r\n data() {\r\n return {\r\n text1: \u0022ullam velit quis eum aliquam illum numquam ipsa.\u0022,\r\n text2: \u0022amet consectetur, adipisicing elit.\u0022,\r\n text3: \u0022res sit, cupiditate sapiente\u0022,\r\n text4: \u0022adipisicing elit. Maiores sit, illum numquam ipsa.\u0022\r\n };\r\n },\r\n computed: {\r\n trimAndCapitalizeComputed1() {\r\n return _trimAndCapitalize(text1, 2);\r\n },\r\n trimAndCapitalizeComputed2() {\r\n return _trimAndCapitalize(text2, 11);\r\n },\r\n trimAndCapitalizeComputed3() {\r\n return _trimAndCapitalize(text3, 3);\r\n },\r\n trimAndCapitalizeComputed4() {\r\n return _trimAndCapitalize(text4, 12);\r\n }\r\n }\r\n });","IsDeferred":false}]}