typo: fix some typos about attachment and editor components (#662)

#### What type of PR is this?

/kind improvement
/milestone 2.0

#### What this PR does / why we need it:

修正关于 Attachment 组件和编辑器组件的参数错别字。

#### Does this PR introduce a user-facing change?

```release-note
None
```

package.json

@@ -36,7 +36,7 @@
     "@halo-dev/api-client": "^0.0.38",
     "@halo-dev/components": "workspace:*",
     "@halo-dev/console-shared": "workspace:*",
-    "@halo-dev/richtext-editor": "^0.0.0-alpha.7",
+    "@halo-dev/richtext-editor": "^0.0.0-alpha.8",
     "@tiptap/extension-character-count": "^2.0.0-beta.199",
     "@vueuse/components": "^9.3.0",
     "@vueuse/core": "^9.3.0",

pnpm-lock.yaml

@@ -16,7 +16,7 @@ importers:
       '@halo-dev/api-client': ^0.0.38
       '@halo-dev/components': workspace:*
       '@halo-dev/console-shared': workspace:*
-      '@halo-dev/richtext-editor': ^0.0.0-alpha.7
+      '@halo-dev/richtext-editor': ^0.0.0-alpha.8
       '@iconify-json/mdi': ^1.1.33
       '@iconify-json/vscode-icons': ^1.1.15
       '@rushstack/eslint-patch': ^1.2.0
@@ -104,7 +104,7 @@ importers:
       '@halo-dev/api-client': 0.0.38
       '@halo-dev/components': link:packages/components
       '@halo-dev/console-shared': link:packages/shared
-      '@halo-dev/richtext-editor': 0.0.0-alpha.7_vue@3.2.40
+      '@halo-dev/richtext-editor': 0.0.0-alpha.8_vue@3.2.40
       '@tiptap/extension-character-count': 2.0.0-beta.199
       '@vueuse/components': 9.3.0_vue@3.2.40
       '@vueuse/core': 9.3.0_vue@3.2.40
@@ -168,7 +168,7 @@ importers:
       randomstring: 1.2.2
       sass: 1.55.0
       start-server-and-test: 1.14.0
-      tailwindcss: 3.1.8
+      tailwindcss: 3.1.8_postcss@8.4.17
       tailwindcss-safe-area: 0.2.2
       tailwindcss-themer: 2.0.2_tailwindcss@3.1.8
       typescript: 4.7.4
@@ -225,7 +225,7 @@ packages:
       prosemirror-model: 1.18.1
       prosemirror-state: 1.4.1
       prosemirror-transform: 1.7.0
-      prosemirror-view: 1.26.2
+      prosemirror-view: 1.28.2
     dev: false
 
   /@ampproject/remapping/2.2.0:
@@ -1857,7 +1857,7 @@ packages:
         optional: true
     dependencies:
       '@formkit/core': 1.0.0-beta.11
-      tailwindcss: 3.1.8
+      tailwindcss: 3.1.8_postcss@8.4.17
     dev: false
 
   /@formkit/utils/1.0.0-beta.11:
@@ -1896,8 +1896,8 @@ packages:
     resolution: {integrity: sha512-7Vlc/tXkpERi2xWxtoWOVtYbZi+sksrueBAj64gr0cAUOqRy7A82oJXpeabLKeJAjDNdQKZ7eL7CClnf9NJTEA==}
     dev: false
 
-  /@halo-dev/richtext-editor/0.0.0-alpha.7_vue@3.2.40:
+  /@halo-dev/richtext-editor/0.0.0-alpha.8_vue@3.2.40:
-    resolution: {integrity: sha512-XKmFTW3pYrRvvqVkQtN9TUpx1BENZ/N1tVih16Y3iNZKTtM8OyFT7BMC2JDa4OKlJMbhwv9w2l7/+egTh6dgzg==}
+    resolution: {integrity: sha512-3lENKyg6UqXpxUWCfhefQ3xx2e1jOzj/2TUBpblaRToP2WZSAw8wpcG5m3gTqsp5+0lHLtfrpgTvSr3KYO+08w==}
     peerDependencies:
       vue: ^3.2.37
     dependencies:
@@ -2558,7 +2558,7 @@ packages:
     peerDependencies:
       tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
     dependencies:
-      tailwindcss: 3.1.8
+      tailwindcss: 3.1.8_postcss@8.4.17
     dev: true
 
   /@tiptap/core/2.0.0-beta.195:
@@ -7291,7 +7291,7 @@ packages:
     dependencies:
       prosemirror-model: 1.18.1
       prosemirror-state: 1.4.1
-      prosemirror-transform: 1.6.0
+      prosemirror-transform: 1.7.0
     dev: false
 
   /prosemirror-dropcursor/1.5.0:
@@ -7337,7 +7337,7 @@ packages:
     dependencies:
       prosemirror-model: 1.18.1
       prosemirror-state: 1.4.1
-      prosemirror-transform: 1.6.0
+      prosemirror-transform: 1.7.0
     dev: false
 
   /prosemirror-state/1.4.1:
@@ -7364,7 +7364,7 @@ packages:
     dependencies:
       prosemirror-model: 1.18.1
       prosemirror-state: 1.4.1
-      prosemirror-transform: 1.6.0
+      prosemirror-transform: 1.7.0
     dev: false
 
   /prosemirror-view/1.28.2:
@@ -8174,13 +8174,15 @@ packages:
       just-unique: 4.1.1
       lodash.merge: 4.6.2
       lodash.mergewith: 4.6.2
-      tailwindcss: 3.1.8
+      tailwindcss: 3.1.8_postcss@8.4.17
     dev: true
 
-  /tailwindcss/3.1.8:
+  /tailwindcss/3.1.8_postcss@8.4.17:
     resolution: {integrity: sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==}
     engines: {node: '>=12.13.0'}
     hasBin: true
+    peerDependencies:
+      postcss: ^8.0.9
     dependencies:
       arg: 5.0.2
       chokidar: 3.5.3

src/modules/contents/attachments/components/AttachmentFileTypeIcon.vue

@@ -40,7 +40,7 @@ const FileTypeIconsMap = {
   ".webp": markRaw(VscodeIconsFileTypeImage),
   ".svg": markRaw(VscodeIconsFileTypeImage),
 
-  // documnet
+  // document
   ".docx": markRaw(VscodeIconsFileTypeWord),
   ".pptx": markRaw(VscodeIconsFileTypePowerpoint),
   ".xlsx": markRaw(VscodeIconsFileTypeExcel),

src/modules/contents/pages/SinglePageEditor.vue

@@ -61,7 +61,7 @@ const formState = ref<SinglePageRequest>(cloneDeep(initialFormState));
 const saving = ref(false);
 const settingModal = ref(false);
 const previewModal = ref(false);
-const attachemntSelectorModal = ref(false);
+const attachmentSelectorModal = ref(false);
 
 const isUpdateMode = computed(() => {
   return !!formState.value.page.metadata.creationTimestamp;
@@ -173,7 +173,7 @@ onMounted(async () => {
   />
   <PostPreviewModal v-model:visible="previewModal" />
   <AttachmentSelectorModal
-    v-model:visible="attachemntSelectorModal"
+    v-model:visible="attachmentSelectorModal"
     @select="onAttachmentSelect"
   />
   <VPageHeader title="自定义页面">
@@ -207,12 +207,12 @@ onMounted(async () => {
     <RichTextEditor
       v-if="editor"
       :editor="editor"
-      :addtional-menu-items="[
+      :additional-menu-items="[
         {
           type: 'button',
           icon: MdiFileImageBox,
           title: 'SuperScript',
-          action: () => (attachemntSelectorModal = true),
+          action: () => (attachmentSelectorModal = true),
           isActive: () => false,
         },
       ]"

src/modules/contents/posts/PostEditor.vue

@@ -79,7 +79,7 @@ const settingModal = ref(false);
 const previewModal = ref(false);
 const saving = ref(false);
 const extraActiveId = ref("toc");
-const attachemntSelectorModal = ref(false);
+const attachmentSelectorModal = ref(false);
 
 const isUpdateMode = computed(() => {
   return !!formState.value.post.metadata.creationTimestamp;
@@ -274,7 +274,7 @@ onMounted(async () => {
   />
   <PostPreviewModal v-model:visible="previewModal" :post="formState.post" />
   <AttachmentSelectorModal
-    v-model:visible="attachemntSelectorModal"
+    v-model:visible="attachmentSelectorModal"
     @select="onAttachmentSelect"
   />
   <VPageHeader title="文章">
@@ -308,12 +308,12 @@ onMounted(async () => {
     <RichTextEditor
       v-if="editor"
       :editor="editor"
-      :addtional-menu-items="[
+      :additional-menu-items="[
         {
           type: 'button',
           icon: MdiFileImageBox,
           title: 'SuperScript',
-          action: () => (attachemntSelectorModal = true),
+          action: () => (attachmentSelectorModal = true),
           isActive: () => false,
         },
       ]"