The settings folder is used to define and register all your Storefront Settings.
Because the Storefront settings are globally accessible, they are ideal for architecting content features and toggle-able options in site-wide components such as:
Header and footer menus
Shared size guides
Registering grouped site settings
To register new setting(s) in the Customizer you must include your setting(s) within the default export at /settings/index.js The default export must be an array of site settings. These settings will use the same fields that you use in sections. You can find a list of our supported fields here.
settings/index.js (example with multiple grouped settings)
// must be an array
const settings =[
An index.js file exporting an array of settings is required on /settings