common: update and simplify code

react/src/lib/Giscus.tsx

@@ -22,8 +22,7 @@ export default function Giscus({
 
   useEffect(() => {
     if (mounted) return;
-    void import('giscus');
-    setMounted(true);
+    void import('giscus').then(() => setMounted(true));
   }, []);
 
   if (!mounted) return null;

solid/src/lib/Giscus.tsx

@@ -6,8 +6,7 @@ export default function Giscus(props: GiscusProps) {
 
   createEffect(() => {
     if (mounted()) return;
-    void import('giscus');
-    setMounted(true);
+    void import('giscus').then(() => setMounted(true));
   });
 
   // Note: make sure to use kebab-case for the web component's attributes,

svelte/src/lib/Giscus.svelte

@@ -28,8 +28,7 @@
   let mounted = false;
 
   onMount(() => {
-    mounted = true;
-    void import('giscus');
+    void import('giscus').then(() => (mounted = true));
   });
 </script>
 

vue/src/lib/Giscus.vue

@@ -31,8 +31,7 @@ defineProps<{
 const mounted = ref(false);
 
 onMounted(() => {
-  mounted.value = true;
-  import('giscus');
+  import('giscus').then(() => (mounted.value = true));
 });
 </script>