Theme Font Size

  • To get the default value of theme font go to the src/store/pinia/state.js
Theme Font Size
  • Property: "theme_font_size"
  • Choices: "theme-fs-sm", "theme-fs-md", "theme-fs-lg"
  • Values are in string

Example

theme_font_size: {
    value: 'theme-fs-md'
}
    
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
theme_font_size
const fontSize = computed(() => store.theme_font_size_value)