fix: rename title to heading for clarity and consistency. #693

Author: jaywcjlove

core/src/commands/title1.tsx

@@ -8,8 +8,8 @@ export const title1: ICommand = {
   shortcuts: 'ctrlcmd+1',
   prefix: '# ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title1 (ctrl + 1)', title: 'Insert title1 (ctrl + 1)' },
-  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 1 (ctrl + 1)', title: 'Insert Heading 1 (ctrl + 1)' },
+  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Heading 1</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },

core/src/commands/title2.tsx

@@ -8,8 +8,8 @@ export const title2: ICommand = {
   shortcuts: 'ctrlcmd+2',
   prefix: '## ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title2 (ctrl + 2)', title: 'Insert title2 (ctrl + 2)' },
-  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 2 (ctrl + 2)', title: 'Insert Heading 2 (ctrl + 2)' },
+  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Heading 2</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },

core/src/commands/title3.tsx

@@ -8,8 +8,8 @@ export const title3: ICommand = {
   shortcuts: 'ctrlcmd+3',
   prefix: '### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title3 (ctrl + 3)', title: 'Insert title3 (ctrl + 3)' },
-  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 3 (ctrl + 3)', title: 'Insert Heading 3 (ctrl + 3)' },
+  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Heading 3</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },

core/src/commands/title4.tsx

@@ -8,8 +8,8 @@ export const title4: ICommand = {
   shortcuts: 'ctrlcmd+4',
   prefix: '#### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title4 (ctrl + 4)', title: 'Insert title4 (ctrl + 4)' },
-  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 4 (ctrl + 4)', title: 'Insert Heading 4 (ctrl + 4)' },
+  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Heading 4</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },

core/src/commands/title5.tsx

@@ -8,8 +8,8 @@ export const title5: ICommand = {
   shortcuts: 'ctrlcmd+5',
   prefix: '##### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title5 (ctrl + 5)', title: 'Insert title5 (ctrl + 5)' },
-  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 5 (ctrl + 5)', title: 'Insert Heading 5 (ctrl + 5)' },
+  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Heading 5</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },

core/src/commands/title6.tsx

@@ -8,8 +8,8 @@ export const title6: ICommand = {
   shortcuts: 'ctrlcmd+6',
   prefix: '###### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title6 (ctrl + 6)', title: 'Insert title6 (ctrl + 6)' },
-  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 6 (ctrl + 6)', title: 'Insert Heading 6 (ctrl + 6)' },
+  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Heading 6</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
     titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },