Capitalize first letter in each word

Question

I am trying to capitalize the first letter in each word for my page title in Nuxt.js My current code capitalizes the first word, however I need it to also capitalize the rest.

  head() {
    return {
      title: this.$route.params.models.charAt(0).toUpperCase() + this.$route.params.models.slice(1).split('-').join(' ') + ' | ' + this.title,
      meta: [
        { hid: 'description', name: 'description', content: '' }
      ]
    }
  }

How would I approach this?

Satyam Pathak · Accepted Answer · 2019-11-28T13:05:59.237

5

Update -

If you still need a method to do that, try this regex pattern

function capitalize(value){
      return value.replace(/(?:^|\s|-)\S/g, x => x.toUpperCase());
}
 
 console.log(capitalize('hello i misunderstood your requirement initially by skipping the whole description'))

edited Nov 28 '19 at 13:05

answered Nov 28 '19 at 12:53

Satyam Pathak

6,612
3
25
52

Page titles can't be changed with CSS or am I mistaken? – Mads Hjorth Nov 28 '19 at 12:56
@MadsHjorth - Sorry I didn't read the whole description initially - – Satyam Pathak Nov 28 '19 at 13:02
Also it will be great if you mention `page-title` in your question heading, it will be really helpful to others thanks – Satyam Pathak Nov 28 '19 at 13:12

Capitalize first letter in each word

1 Answers1