diff --git a/packages/components/container/index.ts b/packages/components/container/index.ts
index 1ab5499455..b517a99fbf 100644
--- a/packages/components/container/index.ts
+++ b/packages/components/container/index.ts
@@ -18,3 +18,5 @@ export const ElAside = withNoopInstall(Aside)
 export const ElFooter = withNoopInstall(Footer)
 export const ElHeader = withNoopInstall(Header)
 export const ElMain = withNoopInstall(Main)
+
+export type MainInstance = InstanceType<typeof Main>
diff --git a/packages/components/container/src/main.vue b/packages/components/container/src/main.vue
index 566a486308..463abda400 100644
--- a/packages/components/container/src/main.vue
+++ b/packages/components/container/src/main.vue
@@ -3,18 +3,12 @@
     <slot />
   </main>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
+<script lang="ts" setup>
 import { useNamespace } from '@element-plus/hooks'
 
-export default defineComponent({
+defineOptions({
   name: 'ElMain',
-  setup() {
-    const ns = useNamespace('main')
-
-    return {
-      ns,
-    }
-  },
 })
+
+const ns = useNamespace('main')
 </script>
diff --git a/packages/theme-chalk/src/main.scss b/packages/theme-chalk/src/main.scss
index ceb6a9dcd9..cebe2e77ec 100644
--- a/packages/theme-chalk/src/main.scss
+++ b/packages/theme-chalk/src/main.scss
@@ -5,7 +5,6 @@
 @include b(main) {
   @include set-component-css-var('main', $main);
 
-  // IE11 supports the <main> element partially https://caniuse.com/#search=main
   display: block;
   flex: 1;
   flex-basis: auto;