diff --git a/packages/webawesome/scripts/build.js b/packages/webawesome/scripts/build.js
index 1d9d3f641..d6e2ef97c 100644
--- a/packages/webawesome/scripts/build.js
+++ b/packages/webawesome/scripts/build.js
@@ -7,7 +7,7 @@ import { replace } from 'esbuild-plugin-replace';
 import { mkdir, readFile } from 'fs/promises';
 import getPort, { portNumbers } from 'get-port';
 import { globby } from 'globby';
-import { dirname, join, posix, relative } from 'node:path';
+import { dirname, extname, join, posix, relative } from 'node:path';
 import process from 'node:process';
 import { fileURLToPath } from 'node:url';
 import ora from 'ora';
diff --git a/packages/webawesome/scripts/docs.js b/packages/webawesome/scripts/docs.js
index 30ded4361..710777b57 100644
--- a/packages/webawesome/scripts/docs.js
+++ b/packages/webawesome/scripts/docs.js
@@ -58,7 +58,7 @@ export async function generateDocs(options = {}) {
     return;
   }
 
-  spinner?.start('Writing the docs');
+  spinner?.start?.('Writing the docs');
 
   if (isIncremental) {
   } else {
@@ -86,11 +86,11 @@ export async function generateDocs(options = {}) {
       await copy(getCdnDir(), join(getSiteDir(), 'dist'));
     }
 
-    spinner?.succeed(`Writing the docs ${chalk.gray(`(${output}`)})`);
+    spinner?.succeed?.(`Writing the docs ${chalk.gray(`(${output}`)})`);
   } catch (error) {
     console.error('\n\n' + chalk.red(error) + '\n');
 
-    spinner?.fail(chalk.red(`Error while writing the docs.`));
+    spinner?.fail?.(chalk.red(`Error while writing the docs.`));
     if (!isDeveloping) {
       process.exit(1);
     }