Refine examples for @reduxjs/prettier-config

Author: aryaemami59

packages/configs/prettier/src/index.mts

@@ -4,18 +4,27 @@ import type { Config } from 'prettier'
  * Prettier configuration tailored for internal Redux projects.
  *
  * @example
- * <caption>__ECMAScript Modules (ESM) usage inside a file like `prettier.config.mjs`__</caption>
+ * <caption>#### __ECMAScript Modules (ESM) usage inside a file like `prettier.config.mjs`__</caption>
  *
- * ```js
+ * ```ts
  * import { reduxPrettierConfig } from '@reduxjs/prettier-config'
  *
  * export default reduxPrettierConfig
  * ```
  *
  * @example
- * <caption>__CommonJS (CJS) usage inside a file like `prettier.config.cjs`__</caption>
+ * <caption>#### __CommonJS (CJS) usage inside a file like `prettier.config.cjs` (using `require`)__</caption>
  *
- * ```js
+ * ```ts
+ * const { reduxPrettierConfig } = require('@reduxjs/prettier-config')
+ *
+ * module.exports = reduxPrettierConfig
+ * ```
+ *
+ * @example
+ * <caption>#### __CommonJS (CJS) usage inside a file like `prettier.config.cjs` (using dynamic import)__</caption>
+ *
+ * ```ts
  * module.exports = (async () =>
  *   (await import('@reduxjs/prettier-config')).reduxPrettierConfig)()
  * ```
@@ -38,8 +47,9 @@ export const reduxPrettierConfig: Config = {
  * @returns An augmented version of the default {@linkcode reduxPrettierConfig}, incorporating any provided overrides.
  *
  * @example
- * <caption>__ECMAScript Modules (ESM) usage inside a file like `prettier.config.mjs`__</caption>
- * ```js
+ * <caption>#### __ECMAScript Modules (ESM) usage inside a file like `prettier.config.mjs`__</caption>
+ *
+ * ```ts
  * import { createPrettierConfig } from '@reduxjs/prettier-config'
  *
  * export default createPrettierConfig({
@@ -49,8 +59,21 @@ export const reduxPrettierConfig: Config = {
  * ```
  *
  * @example
- * <caption>__CommonJS (CJS) usage inside a file like `prettier.config.cjs`__</caption>
- * ```js
+ * <caption>#### __CommonJS (CJS) usage inside a file like `prettier.config.cjs` (using `require`)__</caption>
+ *
+ * ```ts
+ * const { createPrettierConfig } = require('@reduxjs/prettier-config')
+ *
+ * module.exports = createPrettierConfig({
+ *   arrowParens: 'avoid',
+ *   // ...Other additional overrides
+ * })
+ * ```
+ *
+ * @example
+ * <caption>#### __CommonJS (CJS) usage inside a file like `prettier.config.cjs` (using dynamic import)__</caption>
+ *
+ * ```ts
  * module.exports = (async () =>
  *   (await import('@reduxjs/prettier-config')).createPrettierConfig({
  *     arrowParens: 'avoid',