fix(typescript): added typescript support

Author: ThornWalli

build.config.js

@@ -14,8 +14,8 @@ export default defineBuildConfig({
         jsxFactory: 'h'
       }
     },
-    { builder: 'mkdist', input: './src', pattern: ['**/*.js'], format: 'cjs', loaders: ['js'], ext: 'cjs' },
-    { builder: 'mkdist', input: './src', pattern: ['**/*.js'], format: 'esm', loaders: ['js'], ext: 'js' }
+    { builder: 'mkdist', input: './src', pattern: ['**/*.ts'], format: 'cjs', loaders: ['js'], ext: 'cjs' },
+    { builder: 'mkdist', input: './src', pattern: ['**/*.ts'], format: 'esm', loaders: ['js'], ext: 'js' }
   ],
   declaration: true,
   clean: true,

docs/.vitepress/config.js renamed to docs/.vitepress/config.ts

@@ -1,21 +1,9 @@
-// import { defineConfig } from 'vitepress';
-
-// // https://vitepress.dev/reference/site-config
-// export default defineConfig({
-//   title: 'Vue Semantic Structure',
-//   description: 'Helper for semantic HTML structure.',
-//   themeConfig: {
-//     // https://vitepress.dev/reference/default-theme-config
-//   }
-// });
-
 import { fileURLToPath } from 'url';
-import { defineConfig } from 'vitepress';
+import { DefaultTheme, defineConfig, ThemeOptions, UserConfig } from 'vitepress';
 import markdownItInlineComments from 'markdown-it-inline-comments';
 import navigation from './navigation.js';
 
-// https://vitepress.dev/reference/site-config
-export default defineConfig(() => ({
+export default defineConfig({
   head: [
     ['link', { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' }],
 
@@ -68,7 +56,12 @@ export default defineConfig(() => ({
   sitemap: {
     hostname: 'https://basics.github.io/vue-semantic-structure/'
   }
-}));
+} as UserConfig<DefaultTheme.Config> & {
+  themeConfig: ThemeOptions & {
+    logoComponent: boolean;
+    socialLinks: { icon: string; link: string }[];
+  };
+});
 
 function getBaseUrl() {
   return process.env.npm_config_base_url || process.env.BASE_URL || '/';

docs/.vitepress/navigation.js renamed to docs/.vitepress/navigation.ts

@@ -3,10 +3,12 @@ import pluginJs from '@eslint/js';
 import pluginVue from 'eslint-plugin-vue';
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
 import eslintIgnores from './eslint.ignores.js';
+import tseslint from 'typescript-eslint';
 
 export default [
   eslintIgnores,
   pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
   ...pluginVue.configs['flat/essential'],
   eslintPluginPrettierRecommended,
   {