feat(typescript): added typescript support

Author: ThornWalli

.husky/pre-push

@@ -4,4 +4,4 @@
 export NVM_DIR="$HOME/.nvm"
 [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
 
-npx branch-name-lint .branchlintrc
+# npx branch-name-lint .branchlintrc

build.config.js

@@ -2,6 +2,7 @@ export default {
   failOnWarn: false,
   externals: [
     // package
+    'vue-bundle-renderer',
     '@nuxt/image',
     'browserslist-useragent-regexp',
     'cheerio',

docs/.vitepress/config.js docs/.vitepress/config.ts

@@ -1,10 +1,13 @@
 import { fileURLToPath } from 'url';
-import { defineConfig } from 'vitepress';
+// import type { DefaultTheme, UserConfig } from 'vitepress';
+import { defineConfigWithTheme } from 'vitepress';
 import markdownItInlineComments from 'markdown-it-inline-comments';
-import navigation from './navigation.js';
+import navigation from './navigation';
+
+// 'UserConfig<Config>
 
 // https://vitepress.dev/reference/site-config
-export default defineConfig(() => ({
+export default defineConfigWithTheme({
   markdown: {
     config: md => {
       md.use(markdownItInlineComments);
@@ -58,7 +61,7 @@ export default defineConfig(() => ({
   sitemap: {
     hostname: 'https://basics.github.io/nuxt-booster/'
   }
-}));
+});
 
 function getBaseUrl() {
   return process.env.npm_config_base_url || process.env.BASE_URL || '/';

docs/.vitepress/navigation.js docs/.vitepress/navigation.ts

@@ -11,9 +11,5 @@ export default {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
     });
-  },
-  // eslint-disable-next-line no-unused-vars
-  enhanceApp({ app, router, siteData }) {
-    // ...
   }
 };

docs/.vitepress/theme/index.js docs/.vitepress/theme/index.ts

@@ -1,8 +1,8 @@
-<script setup>
-import { useData } from 'vitepress/dist/client/theme-default/composables/data';
+<script lang="ts" setup>
+import { useData } from 'vitepress';
 import VPNavBarMenuLink from 'vitepress/dist/client/theme-default/components/VPNavBarMenuLink.vue';
 import VPNavBarMenuGroup from 'vitepress/dist/client/theme-default/components/VPNavBarMenuGroup.vue';
-import { useVersion } from '../composables/version.js';
+import useVersion from '../composables/version';
 
 const { theme } = useData();
 

docs/components/VPNavBarMenu.vue

@@ -1,10 +1,10 @@
-<script setup>
-import { useData } from 'vitepress/dist/client/theme-default/composables/data';
-import { useLangs } from 'vitepress/dist/client/theme-default/composables/langs';
-import { useSidebar } from 'vitepress/dist/client/theme-default/composables/sidebar';
-import { normalizeLink } from 'vitepress/dist/client/theme-default/support/utils';
+<script lang="ts" setup>
+import { useData } from 'vitepress';
+import { useLangs } from 'vitepress/dist/client/theme-default/composables/langs.js';
+import { normalizeLink } from 'vitepress/dist/client/theme-default/support/utils.js';
 import VPImage from 'vitepress/dist/client/theme-default/components/VPImage.vue';
 import Logo from './Logo.vue';
+import { useSidebar } from 'vitepress/theme';
 
 const { site, theme } = useData();
 const { hasSidebar } = useSidebar();

docs/components/VPNavBarTitle.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress/dist/client/theme-default/composables/data';
+import { useData } from 'vitepress';
 import VPNavScreenMenuLink from 'vitepress/dist/client/theme-default/components/VPNavScreenMenuLink.vue';
 import VPNavScreenMenuGroup from 'vitepress/dist/client/theme-default/components/VPNavScreenMenuGroup.vue';
-import { useVersion } from '../composables/version.js';
+import useVersion from '../composables/version';
 
 const { theme } = useData();
 const { nav: versionNav } = useVersion();

docs/components/VPNavScreenMenu.vue

@@ -0,0 +1,56 @@
+import { useData } from 'vitepress';
+import { computed } from 'vue';
+
+export default function useVersion() {
+  const { theme, page } = useData();
+
+  const defaultVersion = computed(
+    () =>
+      theme.value.version.find(
+        ({ isDefault }: { isDefault: boolean }) => isDefault
+      )?.version
+  );
+
+  const currentVersion = computed(() =>
+    Number(
+      (/v(\d+)\/.*/.test(page.value.relativePath) &&
+        page.value.relativePath.replace(/v(\d+)\/.*/, '$1')) ||
+        defaultVersion.value
+    )
+  );
+
+  const nav = computed(() => {
+    return (
+      theme.value.version?.length && [
+        {
+          text: `v${currentVersion.value}`,
+          items: theme.value.version
+            .filter(
+              ({ version }: { version: number }) =>
+                version !== currentVersion.value
+            )
+            .map(
+              ({
+                version,
+                isDefault
+              }: {
+                version: number;
+                isDefault: boolean;
+              }) => {
+                return {
+                  text: `v${version}`,
+                  link: isDefault ? '/' : `/v${version}/`
+                };
+              }
+            )
+        }
+      ]
+    );
+  });
+
+  return {
+    defaultVersion,
+    currentVersion,
+    nav
+  };
+}

docs/composables/version.js

@@ -2,9 +2,10 @@ import { withNuxt } from './playground/.nuxt/eslint.config.mjs';
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
 import eslintIgnores from './eslint.ignores.js';
 import pluginSecurity from 'eslint-plugin-security';
+import tseslint from 'typescript-eslint';
 
 export default withNuxt({
-  files: ['**/*.js', '**/*.vue'],
+  files: ['**/*.js', '**/*.ts', '**/*.d.ts', '**/*.vue'],
   rules: {
     'prettier/prettier': 'error',
     classPrivateMethods: 'off',
@@ -40,6 +41,7 @@ export default withNuxt({
   }
 }).prepend(
   eslintIgnores,
+  tseslint.configs.recommended,
   pluginSecurity.configs.recommended,
   eslintPluginPrettierRecommended
 );