Changing Fonts

Body Font Family

• Property: "body_font_family"
• Value: "Inter"

Example

"body_font_family": {
    "value": null
}
    

Heading Font Family

• Property: "heading_font_family"
• Value: "Inter"

Example

"heading_font_family": {
    "value": null
}
    

To get the current value of the following you can use:

• first import useSetting store from pinia
• import the selectors files from src/store/pinia/index.js in your component
• import this file in your component using following example code in your component

import { useSetting } from '@/store/pinia';

Then use the following code in your component to get the current value

• accessing the state from the useSetting store

const store = useSetting();

• creating computed properties to reactively access the store's state

Body Font Family

const bodyfontFamily = computed(() => store.default_body_font_family)

Heading Font Family

const headingFontFamily = (value) => { store.heading_font_family(value)}