erudit 3.0.0-dev.5 → 3.0.0-dev.7

package/app/app.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { brandLogotype, brandColors } from 'erudit-cog/utils/brand';
+import { brandLogotype, brandColors } from '@erudit-js/cog/utils/brand';
 
 import eruditConfig from '#erudit/config';
 import { version } from '@erudit/package.json';

package/app/components/SiteMain.vue

@@ -11,7 +11,6 @@
 
 <style lang="scss" module>
 @use '$/def/bp';
-@use '@bitran-js/renderer-vue/scss/def' as bitranDef;
 
 .main {
     --_pMainBase: var(--gapBig);
@@ -24,8 +23,8 @@
     font-size: 18px;
 
     @include bp.below('mobile') {
-        --_pMainBase: #{bitranDef.$asideWidth};
-        font-size: 15px;
+        --_pMainBase: var(--_bitran_asideWidth);
+        font-size: 14px;
     }
 
     .mainInner {

package/app/components/aside/major/panes/nav/fnav/FNavFlags.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { ContentFlag } from 'erudit-cog/schema';
+import type { ContentFlag } from '@erudit-js/cog/schema';
 import { flagsData } from '@app/scripts/flag';
 
 defineProps<{ flags: Record<ContentFlag, boolean> }>();

package/app/components/aside/minor/topic/TopicNav.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { topicParts, type TopicPart } from 'erudit-cog/schema';
+import { topicParts, type TopicPart } from '@erudit-js/cog/schema';
 
 import { injectAsideData } from '@app/scripts/aside/minor/state';
 import type { AsideMinorTopic } from '@shared/aside/minor';

package/app/components/aside/minor/topic/TopicToc.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { headingName } from '@erudit-js/bitran-elements/heading/shared';
 
-import { stringifyBitranLocation } from '@shared/bitran/location';
+import { stringifyBitranLocation } from '@erudit-js/cog/schema';
 import type { TocItem } from '@erudit/shared/bitran/toc';
 import { topicLocation } from '@app/scripts/aside/minor/topic';
 import { injectAsideData } from '@app/scripts/aside/minor/state';

package/app/components/bitran/BitranContent.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import { Bitran, type BitranContent } from '@bitran-js/renderer-vue';
+import type { BitranContext } from '@erudit-js/cog/schema';
 
-import type { BitranContext } from '@shared/bitran/context';
+import eruditConfig from '#erudit/config';
 
 import RenderWrapper from './RenderWrapper.vue';
 
@@ -36,15 +37,16 @@ const isServer = import.meta.server;
         :RenderWrapper
         :isDev
         :isServer
+        :language="eruditConfig.language"
     />
 </template>
 
 <style lang="scss" module>
-@use '@bitran-js/renderer-vue/scss/def' as bitranDef;
+@use '$/def/bp';
 
 .eruditBitranContainer {
     padding: var(--_pMainY) var(--_pMainX);
-    padding-left: calc(var(--_pMainX) - #{bitranDef.$asideWidth});
+    padding-left: calc(var(--_pMainX) - var(--_bitran_asideWidth));
 
     // Setting up Bitran
 
@@ -64,7 +66,12 @@ const isServer = import.meta.server;
     --bitran_textMuted: var(--textMuted);
     --bitran_textDimmed: var(--textDimmed);
     --bitran_textDisabled: var(--textDisabled);
+    --bitran_textDeep: var(--textDeep);
 
     --bitran_colorBrand: var(--brand);
+
+    @include bp.below('mobile') {
+        --bitran_gapBlocks: calc(22px);
+    }
 }
 </style>

package/app/components/main/topic/MainTopic.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import type { TopicPart } from 'erudit-cog/schema';
-import { NO_ALIASES } from '@erudit-js/bitran-elements/aliases/shared';
+import { NO_ALIASES, type TopicPart } from '@erudit-js/cog/schema';
 
 import eruditConfig from '#erudit/config';
 

package/app/components/main/topic/TopicPartSwitch.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { topicParts, type TopicPart } from 'erudit-cog/schema';
+import { topicParts, type TopicPart } from '@erudit-js/cog/schema';
 
 import type { TopicPartLinks } from '@erudit/shared/content/data/type/topic';
 import { TOPIC_PART_ICON } from '@erudit/shared/icons';

package/app/components/main/utils/Breadcrumb.vue

@@ -56,18 +56,13 @@ function getIcon(contextIcon: string) {
 
         @include transition(color);
 
-        // [my-icon]
-        // {
-        //     position: relative;
-        //     top: .6px;
-        // }
-
         &:hover {
             color: var(--textMuted);
         }
     }
 
     .sep {
+        flex-shrink: 0;
         position: relative;
         top: 0.5px;
     }

package/app/components/main/utils/ContentPopovers.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { ContentFlag } from 'erudit-cog/schema';
+import type { ContentFlag } from '@erudit-js/cog/schema';
 
 import type { ContentGenericData } from '@shared/content/data/base';
 
@@ -24,7 +24,7 @@ const phrase = await usePhrases(
 
 const flagData: Record<ContentFlag, PopoverData> = {
     dev: {
-        icon: <MyIconName>'alert',
+        icon: <MyIconName>'construction',
         color: 'var(--warn)',
         title: phrase.flag_dev,
         description: phrase.flag_dev_description,
@@ -70,6 +70,7 @@ const hasPopovers = computed(() => {
         <ContentPopover v-if="generic?.dependencies" :data="dependenciesData">
             <ul :class="$style.dependenciesList">
                 <li v-for="(value, key) in generic.dependencies">
+                    <MyIcon :name="'arrow-left'" wrapper="span" />
                     <NuxtLink :prefetch="false" :to="key">{{ value }}</NuxtLink>
                 </li>
             </ul>
@@ -87,18 +88,23 @@ const hasPopovers = computed(() => {
 
 .dependenciesList {
     margin-top: var(--gapSmall);
-    list-style-type: square;
+    list-style-type: none;
     list-style-position: inside;
     padding-inline-start: 0;
 
     li {
-        &::marker {
-            content: '↪';
+        display: flex;
+        gap: var(--gapSmall);
+        align-items: center;
+
+        [my-icon] {
+            flex-shrink: 0;
+            font-size: 0.95em;
+            transform: scaleX(-1);
         }
 
         a {
             color: inherit;
-            padding-left: var(--gapSmall);
         }
     }
 }

package/app/components/preview/display/Unique.vue

@@ -5,6 +5,9 @@ import type { PreviewDataUnique } from '@app/scripts/preview/data/unique';
 import type { PreviewDisplayProps } from '@app/scripts/preview/display';
 
 const { data } = defineProps<PreviewDisplayProps<PreviewDataUnique>>();
+
+const bitranTranspiler = await useBitranTranspiler();
+const root = await bitranTranspiler.parser.parse(data.bitran.content.biCode);
 </script>
 
 <template>
@@ -16,7 +19,10 @@ const { data } = defineProps<PreviewDisplayProps<PreviewDataUnique>>();
             ]"
         >
             <BitranContent
-                :content="data.bitran.content"
+                :content="{
+                    root,
+                    preRenderData: data.bitran.content.preRenderData,
+                }"
                 :context="data.bitran.context"
             />
         </div>

package/app/composables/bitran.ts

@@ -1,9 +1,6 @@
-import eruditConfig from '#erudit/config';
-import bitranConfig from '#erudit/client/bitran';
-
 import {
     createPhraseCaller,
-    getDefaultRenderers,
+    getDefaultRenderers as getDefaultBitranRenderers,
     getElementIcon,
     type ElementVueRenderers,
 } from '@bitran-js/renderer-vue';
@@ -12,22 +9,23 @@ import {
     type BitranTranspiler,
     type ElementTranspilers,
 } from '@bitran-js/transpiler';
-import { aliasesName } from '@erudit-js/bitran-elements/aliases/shared';
-import { aliasesTranspiler } from '@erudit-js/bitran-elements/aliases/transpiler';
-import { headingName } from '@erudit-js/bitran-elements/heading/shared';
-import { defineHeadingTranspiler } from '@erudit-js/bitran-elements/heading/transpiler';
-import { includeName } from '@erudit-js/bitran-elements/include/shared';
-import { includeTranspiler } from '@erudit-js/bitran-elements/include/transpiler';
-import { linkName } from '@erudit/shared/bitran/link/shared';
-import { linkTranspiler } from '@erudit/shared/bitran/link/transpiler';
-import { aliasesRenderer } from '@erudit-js/bitran-elements/aliases/renderer';
-import { headingRenderer } from '@erudit-js/bitran-elements/heading/renderer';
-import { includeRenderer } from '@erudit-js/bitran-elements/include/renderer';
-import { linkRenderer } from '@erudit/shared/bitran/link/renderer';
+import type { BitranElements } from '@erudit-js/cog/schema';
+import { eruditDefaultElements } from '@erudit-js/bitran-elements/default';
+
+import eruditConfig from '#erudit/config';
+import bitranConfig from '#erudit/client/bitran';
 
+let defaultElements!: BitranElements;
 let bitranTranspiler!: BitranTranspiler;
 let bitranRenderers!: ElementVueRenderers;
 
+globalThis.useEruditConfig = () => eruditConfig;
+
+export function getDefaultElements() {
+    if (!defaultElements) defaultElements = eruditDefaultElements();
+    return defaultElements;
+}
+
 //
 // Transpiler
 //
@@ -36,15 +34,7 @@ export async function useBitranTranspiler() {
     if (bitranTranspiler) return bitranTranspiler;
 
     const projectTranspilers = await getProjectTranspilers();
-
-    const defaultTranspilers = {
-        [aliasesName]: aliasesTranspiler,
-        [includeName]: includeTranspiler,
-        [headingName]: defineHeadingTranspiler({
-            language: eruditConfig?.language,
-        }),
-        [linkName]: linkTranspiler,
-    };
+    const defaultTranspilers = await getDefaultTranspilers();
 
     bitranTranspiler = defineBitranTranspiler({
         ...projectTranspilers,
@@ -66,6 +56,16 @@ async function getProjectTranspilers(): Promise<ElementTranspilers> {
     return projectTranspilers;
 }
 
+async function getDefaultTranspilers(): Promise<ElementTranspilers> {
+    const defaultElements = getDefaultElements();
+    const defaultTranspilers: ElementTranspilers = {};
+
+    for (const [name, bitranElement] of Object.entries(defaultElements))
+        defaultTranspilers[name] = await bitranElement.transpiler();
+
+    return defaultTranspilers;
+}
+
 //
 // Renderers
 //
@@ -74,13 +74,7 @@ export async function useBitranRenderers() {
     if (bitranRenderers) return bitranRenderers;
 
     const projectRenderers = await getProjectRenderers();
-
-    const defaultRenderers = {
-        [aliasesName]: aliasesRenderer,
-        [includeName]: includeRenderer,
-        [headingName]: headingRenderer,
-        [linkName]: linkRenderer,
-    };
+    const defaultRenderers = await getDefaultRenderers();
 
     // @ts-ignore
     bitranRenderers = {
@@ -103,6 +97,16 @@ async function getProjectRenderers() {
     return projectRenderers;
 }
 
+async function getDefaultRenderers() {
+    const defaultElements = getDefaultElements();
+    const defaultRenderers: ElementVueRenderers = {};
+
+    for (const [name, bitranElement] of Object.entries(defaultElements))
+        defaultRenderers[name] = await bitranElement.renderer();
+
+    return defaultRenderers;
+}
+
 //
 // Utils
 //
@@ -110,7 +114,7 @@ async function getProjectRenderers() {
 export async function useBitranElementRenderer(productName: string) {
     const renderer =
         (await useBitranRenderers())[productName] ||
-        getDefaultRenderers()[productName];
+        getDefaultBitranRenderers()[productName];
 
     if (!renderer)
         throw new Error(`Missing Bitran product render "${productName}"!`);

package/app/composables/bitranContent.ts

@@ -1,11 +1,11 @@
 import type { ShallowRef } from 'vue';
 import type { BitranContent } from '@bitran-js/renderer-vue';
-
 import {
     encodeBitranLocation,
     stringifyBitranLocation,
     type BitranLocation,
-} from '@erudit/shared/bitran/location';
+} from '@erudit-js/cog/schema';
+import type { StringBitranContent } from '@erudit/shared/bitran/stringContent';
 
 export async function useBitranContent(
     location: Ref<BitranLocation | undefined>,
@@ -26,11 +26,23 @@ export async function useBitranContent(
 
         const apiRoute = `/api/bitran/content/${encodeBitranLocation(stringifyBitranLocation(location.value!))}`;
         nuxtApp.runWithContext(() => prerenderRoutes(apiRoute));
+
         // @ts-ignore
         contentPromise = (async () => {
-            content.value = (await $fetch(apiRoute, {
+            const stringContent = (await $fetch(apiRoute, {
                 responseType: 'json',
-            })) as BitranContent;
+            })) as StringBitranContent;
+
+            const bitranTranspiler = await useBitranTranspiler();
+            const root = await bitranTranspiler.parser.parse(
+                stringContent.biCode,
+            );
+
+            content.value = {
+                root,
+                preRenderData: stringContent.preRenderData,
+            };
+
             return content;
         })();
     });

package/app/composables/bitranLocation.ts

@@ -1,4 +1,4 @@
-import { locationFromPath, type BitranLocation } from '@shared/bitran/location';
+import { locationFromPath, type BitranLocation } from '@erudit-js/cog/schema';
 
 export function useBitranLocation(): ComputedRef<BitranLocation | undefined> {
     const route = useRoute();

package/app/composables/contentRoute.ts

@@ -1,4 +1,4 @@
-import type { ContentType, TopicPart } from 'erudit-cog/schema';
+import type { ContentType, TopicPart } from '@erudit-js/cog/schema';
 
 interface ContentRouteBase {
     type: ContentType;

package/app/composables/externalApi.ts

@@ -1,4 +1,4 @@
-import type { EruditConfigDebug } from 'erudit-cog/schema';
+import type { EruditConfigDebug } from '@erudit-js/cog/schema';
 
 import eruditConfig from '#erudit/config';
 

package/app/pages/group/[...groupId].vue

@@ -1,16 +1,15 @@
 <script lang="ts" setup>
-import { NO_ALIASES } from '@erudit-js/bitran-elements/aliases/shared';
-
-import { type ContentGroupData } from '@shared/content/data/type/group';
+import { NO_ALIASES } from '@erudit-js/cog/schema';
 import eruditConfig from '#erudit/config';
 
+import { type ContentGroupData } from '@shared/content/data/type/group';
+import { locationIcon } from '@erudit/shared/icons';
 import ContentDecoration from '@app/components/main/utils/ContentDecoration.vue';
 import Breadcrumb from '@app/components/main/utils/Breadcrumb.vue';
 import ContentTitle from '@app/components/main/utils/ContentTitle.vue';
 import ContentDescription from '@app/components/main/utils/ContentDescription.vue';
 import ContentPopovers from '@app/components/main/utils/ContentPopovers.vue';
 import ContentSection from '@app/components/main/utils/ContentSection.vue';
-import { locationIcon } from '@erudit/shared/icons';
 
 const location = useBitranLocation();
 

package/app/public/favicon/article.svg

@@ -1,10 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="gradient" x1="75" y1="423" x2="437" y2="61" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4aa44c"/>
-      <stop offset="1" stop-color="#1278b9"/>
-    </linearGradient>
-  </defs>
-  <circle fill="url(#gradient)" cx="256" cy="256" r="256"/>
-  <path fill="white" d="M372.4,179.3h-232.8c-6.6,0-12-5.4-12-12v-26.3c0-6.6,5.4-12,12-12h232.8c6.6,0,12,5.4,12,12v26.3c0,6.6-5.4,12-12,12ZM384.4,269.2v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12ZM384.4,371v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="gradient" x1="75" y1="423" x2="437" y2="61" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#4aa44c"/>
+      <stop offset="1" stop-color="#1278b9"/>
+    </linearGradient>
+  </defs>
+  <circle fill="url(#gradient)" cx="256" cy="256" r="256"/>
+  <path fill="white" d="M372.4,179.3h-232.8c-6.6,0-12-5.4-12-12v-26.3c0-6.6,5.4-12,12-12h232.8c6.6,0,12,5.4,12,12v26.3c0,6.6-5.4,12-12,12ZM384.4,269.2v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12ZM384.4,371v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12Z"/>
 </svg>

package/app/scripts/flag.ts

@@ -1,5 +1,5 @@
 import type { MyIconName } from '#my-icons';
-import type { ContentFlag } from 'erudit-cog/schema';
+import type { ContentFlag } from '@erudit-js/cog/schema';
 
 interface FlagData {
     icon: MyIconName;

package/app/scripts/preview/data/unique.ts

@@ -1,18 +1,19 @@
-import type { BitranContent } from 'bitran';
-
-import type { BitranContext } from '@erudit/shared/bitran/context';
+import {
+    encodeBitranLocation,
+    type BitranContext,
+} from '@erudit-js/cog/schema';
 
 import { PreviewDataType, type PreviewDataBase } from '../data';
 import type { PreviewFooter } from '../footer';
 import { PreviewRequestType, type PreviewRequest } from '../request';
-import { encodeBitranLocation } from '@erudit/shared/bitran/location';
+import type { StringBitranContent } from '@erudit/shared/bitran/stringContent';
 
 export interface PreviewDataUnique extends PreviewDataBase {
     type: PreviewDataType.Unique;
     productName: string;
     bitran: {
         context: BitranContext;
-        content: BitranContent;
+        content: StringBitranContent;
     };
     footer: PreviewFooter;
 }

package/bin/erudit.mjs

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '@erudit-js/cli/cli';

package/globalPath.ts

@@ -1,5 +1,5 @@
 import { fileURLToPath } from 'node:url';
-import { resolvePaths } from 'erudit-cog/kit';
+import { resolvePaths } from '@erudit-js/cog/kit';
 
 export const ERUDIT_DIR = resolvePaths(fileURLToPath(import.meta.url), '..');
 export const PROJECT_DIR = process.env.ERUDIT_PROJECT_DIR as string;

package/globals/bitran.ts

@@ -1,2 +1,2 @@
-import { defineBitranConfig, defineBitranElement } from 'erudit-cog/schema';
+import { defineBitranConfig, defineBitranElement } from '@erudit-js/cog/schema';
 export { defineBitranConfig, defineBitranElement };

package/globals/content.ts

@@ -3,7 +3,7 @@ import type {
     ContentReferences,
     GroupConfig,
     TopicConfig,
-} from 'erudit-cog/schema';
+} from '@erudit-js/cog/schema';
 
 export function defineBook(book: Partial<BookConfig>) {
     return book;

package/globals/contributor.ts

@@ -1,4 +1,4 @@
-import type { ContributorConfig } from 'erudit-cog/schema';
+import type { ContributorConfig } from '@erudit-js/cog/schema';
 
 export function defineContributor(contributor: Partial<ContributorConfig>) {
     return contributor;

package/globals/erudit.ts

@@ -1,4 +1,4 @@
-import type { EruditConfig } from 'erudit-cog/schema';
+import type { EruditConfig } from '@erudit-js/cog/schema';
 
 export function defineEruditConfig(eruditConfig: Partial<EruditConfig>) {
     return eruditConfig;

package/module/bitran.ts

@@ -1,6 +1,6 @@
 import { addTemplate } from 'nuxt/kit';
 import type { Nuxt } from 'nuxt/schema';
-import type { EruditBitranConfig } from 'erudit-cog/schema';
+import type { EruditBitranConfig } from '@erudit-js/cog/schema';
 
 import { eruditEndNuxtPath, projectPath } from '@erudit/globalPath';
 import { logger } from '@erudit/module/logger';
@@ -22,7 +22,7 @@ export async function setupBitranConfig(_nuxt: Nuxt) {
         filename: templateFilename,
         write: true,
         getContents: () => `
-            import type { EruditBitranConfig } from 'erudit-cog/schema';
+            import type { EruditBitranConfig } from '@erudit-js/cog/schema';
             ${config ? `import bitranConfig from '${projectPath('bitran')}';` : ''}
             export default ${config ? 'bitranConfig' : '{}'} as Partial<EruditBitranConfig>;
         `,

package/module/config.ts

@@ -1,6 +1,6 @@
 import { addTemplate } from 'nuxt/kit';
 import type { Nuxt } from 'nuxt/schema';
-import type { EruditConfig } from 'erudit-cog/schema';
+import type { EruditConfig } from '@erudit-js/cog/schema';
 
 import { eruditEndNuxtPath, projectPath } from '@erudit/globalPath';
 import { logger } from '@erudit/module/logger';
@@ -22,7 +22,7 @@ export async function setupEruditConfig(_nuxt: Nuxt) {
         filename: templateFilename,
         write: true,
         getContents: () => `
-            import type { EruditConfig } from 'erudit-cog/schema';
+            import type { EruditConfig } from '@erudit-js/cog/schema';
             export default ${JSON.stringify(config, null, '    ')} as Partial<EruditConfig>;
         `,
     });

package/module/index.ts

@@ -28,15 +28,14 @@ export default defineNuxtModule({
         }
 
         {
-            // Handle sub dependencies
-            const subDeps = eruditConfig.subDeps || [];
-
             const transpile = (_nuxt.options.build.transpile ||= []);
             const optimizeDeps = _nuxt.options.vite.optimizeDeps || {};
             const optimizeDepsInclude = (optimizeDeps.include ||= []);
 
-            transpile.push(...subDeps);
-            optimizeDepsInclude.push(...subDeps);
+            transpile.push(...(eruditConfig.nuxt?.transpile || []));
+            optimizeDepsInclude.push(
+                ...(eruditConfig.nuxt?.optimizeDeps || []),
+            );
         }
 
         // TODO: Watch for contributors folder and create/update template with their IDs

package/module/logger.ts

@@ -1,5 +1,5 @@
 import { createConsola } from 'consola';
-import { brandColorTitle } from 'erudit-cog/utils/brandNode';
+import { brandColorTitle } from '@erudit-js/cog/utils/brandNode';
 
 const tag = brandColorTitle + ' Module';
 

package/nuxt.config.ts

@@ -1,5 +1,3 @@
-//import { elementPackages } from '@erudit-js/bitran-elements';
-
 import { eruditPath, projectPath } from './globalPath';
 
 export default defineNuxtConfig({
@@ -24,29 +22,11 @@ export default defineNuxtConfig({
             include: [eruditPath('**/*'), projectPath('**/*')],
         },
     },
-    // modulesDir: [
-    //     'D:/code/erudit-js/erudit/node_modules',
-    //     'D:/code/erudit-js/bitran-elements/node_modules',
-    // ],
     build: {
         transpile: [
             'yaml',
             '@bitran-js/renderer-vue',
             '@erudit-js/bitran-elements',
-            // '@bitran-js/renderer-vue',
-            // // '@erudit-js/bitran-elements',
-            // // '@erudit-js/bitran-elements/heading/renderer',
-            // 'yaml',
-            //...elementPackages,
-            // (ctx) => (ctx.isClient ? 'slugify' : false),
-            // 'katex',
-            // '@bitran-js/core',
-            // '@bitran-js/transpiler',
-            // '@bitran-js/renderer-vue',
-            // '@erudit-js/bitran-elements',
-            // '@erudit-js/bitran-elements/heading/shared',
-            // '@erudit-js/bitran-elements/heading/transpiler',
-            // '@erudit-js/bitran-elements/heading/renderer',
         ],
     },
     ignore: [
@@ -104,26 +84,7 @@ export default defineNuxtConfig({
     vite: {
         optimizeDeps: {
             noDiscovery: true,
-            include: [
-                'yaml',
-                '@floating-ui/vue',
-                // '@bitran-js/core',
-                // '@bitran-js/transpiler',
-                // // '@bitran-js/renderer-vue',
-                // // '@erudit-js/bitran-elements',
-                // 'gradient-string',
-                // '@floating-ui/vue',
-                // 'yaml',
-                // //
-                //...elementPackages,
-                // '@bitran-js/core',
-                // '@bitran-js/transpiler',
-                // '@bitran-js/renderer-vue',
-                // '@erudit-js/bitran-elements',
-                // '@erudit-js/bitran-elements/heading/shared',
-                // '@erudit-js/bitran-elements/heading/transpiler',
-                // '@erudit-js/bitran-elements/heading/renderer',
-            ],
+            include: ['yaml', '@floating-ui/vue'],
         },
         server: { fs: { strict: false } },
         css: {