Content change content programatically

I'm trying to add style tag to the h1 of my posts:
I tried the

{style="...

{style="...

{style="...

{style="... that didn't work
I also tried in nuxt config:

content: { build: {
  transformers: ['~/transformers/add-view-transition']
} },

content: { build: {
  transformers: ['~/transformers/add-view-transition']
} },

content: { build: {
  transformers: ['~/transformers/add-view-transition']
} },

content: { build: {
  transformers: ['~/transformers/add-view-transition']
} },

and I also tried in the nuxt config:

hooks: {
    'content:file:afterParse': ctx => {
        console.log(`Parsing ${ctx.file.path}...`);
    }
},

hooks: {
    'content:file:afterParse': ctx => {
        console.log(`Parsing ${ctx.file.path}...`);
    }
},

hooks: {
    'content:file:afterParse': ctx => {
        console.log(`Parsing ${ctx.file.path}...`);
    }
},

hooks: {
    'content:file:afterParse': ctx => {
        console.log(`Parsing ${ctx.file.path}...`);
    }
},

I just can't seem to get anything.
I am not getting logs in dev or during nuxi generate.
What am i doing wrong?