Components

The components used to create the blog theme can be divided into two groups:

Markdown components

When writing a blog post, you have a few components available to improve your article. But you can always add more or override the ones provided.

Add new components

New components must be placed in the components/global folder, making them automatically available in the markdown files.

components/
  global/
    MarkdownComponent1.vue
    MarkdownComponent2.vue

Override components

To override components provided by the theme you only need to create a component with the same name in the components/global folder. Your component will be used instead of the component provided by the theme.

components/
  global/
    Alert.vue

This is only possible thanks to the Nuxt components module.

Check the existent markdown components on GitHub:

Layout components

Do you like what the theme offers but want to change a specific part of the blog? It is entirely possible. You can add as many components as you want to improve the layout of your blog as well as override any component.

Add new components

New components must be placed in the components folder, making them automatically available to be used by your other layout components.

components/
  LayoutComponent1.vue
  LayoutComponent2.vue

Overriding components

To do it, you only need to create a component with the same name created in the theme.

components/
  TheHeader.vue

This is only possible thanks to the Nuxt components module.

The best way to see the list of components used to create this theme is to directly access the source code. Some of those components are:

Edit this page on GitHub Updated at Mon, Mar 15, 2021