Helpers inside @each block / Views

[Egorka]

Hello,

how to use helpers in @each block inside Edge templates?

For example:

{{camelCase('hello-world')}}

// Output: helloWorld

@each(item in array)
    {{camelCase('hello-world')}}
@end

// Error: camelCase is not a function

[RomainLanz]

Hey @Egorka! 👋🏻

What version are you using?
It works fine on my end with a new Adonis application.

@set('items', ['hello', 'world', 'adonis'])

@each(item in items)
  {{ capitalCase(item) }} 
@end

[Egorka]

Thank you @RomainLanz for the fast reply.

If I pass flat array to view everything works perfectly:

@set('items', ['hello', 'world', 'adonis'])

@each(item in items)
  {{ capitalCase(item) }}
@end

but if I pass array of objects:

@set('states', [
    { state_name: 'Ontario', count: '40581' },
    { state_name: 'British Columbia', count: '25384' },
    { state_name: 'Alberta', count: '23788' },
    { state_name: 'Saskatchewan', count: '9570' },
    { state_name: 'New Brunswick', count: '4381' },
    { state_name: 'Nova Scotia', count: '3962' },
    { state_name: 'Manitoba', count: '2975' },
    { state_name: 'Newfoundland', count: '2693' },
    { state_name: 'Prince Edward Island', count: '1554' },
    { state_name: 'Quebec', count: '1465' }
])

@each(state in states)
   {{ capitalCase(state.state_name) }}
@end

I again see "capitalCase is not a function" error.

I'm using latest version of Adonis.js:

    "@adonisjs/core": "^5.8.8",
    "@adonisjs/lucid": "^18.2.0",
    "@adonisjs/repl": "^3.1.11",
    "@adonisjs/session": "^6.4.0",
    "@adonisjs/shield": "^7.1.0",
    "@adonisjs/view": "^6.2.0",

[Egorka]

@RomainLanz thank you very much. It was problem with "state" name. If rename state -> val everything works perfectly. :)

@each(val in states)
   {{ capitalCase(val.state_name) }}
@end