erudit 3.0.0-dev.17 → 3.0.0-dev.19

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

@@ -1,32 +1,32 @@
-<script lang="ts" setup>
-import type { FrontNavBook } from '@shared/frontNav';
-import {
-    insideNavBook,
-    navBookId,
-    navStateKey,
-} from '@app/scripts/aside/major/nav';
-
-import FNavFlags from './FNavFlags.vue';
-
-const props = defineProps<{ navItem: FrontNavBook }>();
-const navState = inject(navStateKey);
-const active = computed(() => !!navState!.value[props.navItem.id]!.value);
-
-function bookClick() {
-    navBookId.value = props.navItem.id;
-    insideNavBook.value = true;
-}
-</script>
-
-<template>
-    <TreeItem
-        icon="outline/book"
-        :label="navItem.label"
-        :level="navItem.level"
-        :link="active ? undefined : `/book/${navItem.id}`"
-        @click="bookClick"
-        :active
-    >
-        <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
-    </TreeItem>
-</template>
+<script lang="ts" setup>
+import type { FrontNavBook } from '@shared/frontNav';
+import {
+    insideNavBook,
+    navBookId,
+    navStateKey,
+} from '@app/scripts/aside/major/nav';
+
+import FNavFlags from './FNavFlags.vue';
+
+const props = defineProps<{ navItem: FrontNavBook }>();
+const navState = inject(navStateKey);
+const active = computed(() => !!navState!.value[props.navItem.id]!.value);
+
+function bookClick() {
+    navBookId.value = props.navItem.id;
+    insideNavBook.value = true;
+}
+</script>
+
+<template>
+    <TreeItem
+        icon="outline/book"
+        :label="navItem.label"
+        :level="navItem.level"
+        :link="active ? undefined : `/book/${navItem.id}`"
+        @click="bookClick"
+        :active
+    >
+        <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
+    </TreeItem>
+</template>

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

@@ -1,40 +1,40 @@
-<script lang="ts" setup>
-import type { ContentFlag } from '@erudit-js/cog/schema';
-import { flagsData } from '@app/scripts/flag';
-
-defineProps<{ flags: Partial<Record<ContentFlag, boolean>> }>();
-
-const phrases = Object.values(flagsData).map((data) => data.title);
-const phrase = await usePhrases(...phrases);
-</script>
-
-<template>
-    <div :class="$style.flags">
-        <MyIcon
-            v-for="(value, flag) in flags"
-            :name="flagsData[flag].icon"
-            :title="phrase[flagsData[flag].title]"
-            :class="$style.flag"
-        />
-    </div>
-</template>
-
-<style lang="scss" module>
-.flags {
-    display: flex;
-    align-items: center;
-    gap: var(--gapSmall);
-}
-
-.flag {
-    cursor: help;
-    font-size: 16px;
-    color: var(--textDimmed);
-    opacity: 0.65;
-    @include transition(opacity);
-
-    &:hover {
-        opacity: 1;
-    }
-}
-</style>
+<script lang="ts" setup>
+import type { ContentFlag } from '@erudit-js/cog/schema';
+import { flagsData } from '@app/scripts/flag';
+
+defineProps<{ flags: Partial<Record<ContentFlag, boolean>> }>();
+
+const phrases = Object.values(flagsData).map((data) => data.title);
+const phrase = await usePhrases(...phrases);
+</script>
+
+<template>
+    <div :class="$style.flags">
+        <MyIcon
+            v-for="(value, flag) in flags"
+            :name="flagsData[flag].icon"
+            :title="phrase[flagsData[flag].title]"
+            :class="$style.flag"
+        />
+    </div>
+</template>
+
+<style lang="scss" module>
+.flags {
+    display: flex;
+    align-items: center;
+    gap: var(--gapSmall);
+}
+
+.flag {
+    cursor: help;
+    font-size: 16px;
+    color: var(--textDimmed);
+    opacity: 0.65;
+    @include transition(opacity);
+
+    &:hover {
+        opacity: 1;
+    }
+}
+</style>

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

@@ -1,60 +1,60 @@
-<script lang="ts" setup>
-import type { FrontNavFolder } from '@shared/frontNav';
-import { navStateKey } from '@app/scripts/aside/major/nav';
-
-import FNavItem from './FNavItem.vue';
-import FNavFlags from './FNavFlags.vue';
-
-const props = defineProps<{ navItem: FrontNavFolder }>();
-const navState = inject(navStateKey);
-
-const active = ref(false);
-const accent = ref(false);
-
-function onStateUpdate() {
-    const newState = navState!.value[props.navItem.id]!.value;
-    active.value = newState === 'active';
-    accent.value = newState === 'activePart';
-}
-
-onStateUpdate();
-watch(navState!.value[props.navItem.id]!, onStateUpdate);
-
-const visible = computed(() => active.value || accent.value);
-</script>
-
-<template>
-    <div>
-        <TreeItem
-            :icon="`folder${visible ? '-open' : ''}`"
-            :link="`/group/${navItem.id}`"
-            :label="navItem.label"
-            :active
-            :accent
-            :level="navItem.level"
-        >
-            <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
-        </TreeItem>
-
-        <div :class="[$style.groupBody, visible && $style.visible]">
-            <FNavItem
-                v-for="childItem of navItem.children"
-                :navItem="childItem"
-            />
-        </div>
-    </div>
-</template>
-
-<style lang="scss" module>
-@use '$/partials/fnav';
-
-.groupBody {
-    overflow: hidden;
-    height: 0;
-    @include transition(height);
-
-    &.visible {
-        height: auto;
-    }
-}
-</style>
+<script lang="ts" setup>
+import type { FrontNavFolder } from '@shared/frontNav';
+import { navStateKey } from '@app/scripts/aside/major/nav';
+
+import FNavItem from './FNavItem.vue';
+import FNavFlags from './FNavFlags.vue';
+
+const props = defineProps<{ navItem: FrontNavFolder }>();
+const navState = inject(navStateKey);
+
+const active = ref(false);
+const accent = ref(false);
+
+function onStateUpdate() {
+    const newState = navState!.value[props.navItem.id]!.value;
+    active.value = newState === 'active';
+    accent.value = newState === 'activePart';
+}
+
+onStateUpdate();
+watch(navState!.value[props.navItem.id]!, onStateUpdate);
+
+const visible = computed(() => active.value || accent.value);
+</script>
+
+<template>
+    <div>
+        <TreeItem
+            :icon="`folder${visible ? '-open' : ''}`"
+            :link="`/group/${navItem.id}`"
+            :label="navItem.label"
+            :active
+            :accent
+            :level="navItem.level"
+        >
+            <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
+        </TreeItem>
+
+        <div :class="[$style.groupBody, visible && $style.visible]">
+            <FNavItem
+                v-for="childItem of navItem.children"
+                :navItem="childItem"
+            />
+        </div>
+    </div>
+</template>
+
+<style lang="scss" module>
+@use '$/partials/fnav';
+
+.groupBody {
+    overflow: hidden;
+    height: 0;
+    @include transition(height);
+
+    &.visible {
+        height: auto;
+    }
+}
+</style>

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

@@ -1,34 +1,34 @@
-<script lang="ts" setup>
-import type { FrontNavItem, FrontNavType } from '@shared/frontNav';
-
-import FNavBook from './FNavBook.vue';
-import FNavSeparator from './FNavSeparator.vue';
-import FNavFolder from './FNavFolder.vue';
-import FNavTopic from './FNavTopic.vue';
-
-defineProps<{ navItem: FrontNavItem }>();
-
-const navComponent: Record<FrontNavType, Component> = {
-    book: FNavBook,
-    separator: FNavSeparator,
-    folder: FNavFolder,
-    topic: FNavTopic,
-};
-</script>
-
-<template>
-    <component
-        :is="navComponent[navItem.type]"
-        :navItem
-        :class="[
-            $style.frontNavItem,
-            $style[
-                `frontNav${navItem.type[0]!.toUpperCase() + navItem.type.substring(1)}`
-            ],
-        ]"
-    />
-</template>
-
-<style lang="scss" module>
-@use '$/partials/fnav';
-</style>
+<script lang="ts" setup>
+import type { FrontNavItem, FrontNavType } from '@shared/frontNav';
+
+import FNavBook from './FNavBook.vue';
+import FNavSeparator from './FNavSeparator.vue';
+import FNavFolder from './FNavFolder.vue';
+import FNavTopic from './FNavTopic.vue';
+
+defineProps<{ navItem: FrontNavItem }>();
+
+const navComponent: Record<FrontNavType, Component> = {
+    book: FNavBook,
+    separator: FNavSeparator,
+    folder: FNavFolder,
+    topic: FNavTopic,
+};
+</script>
+
+<template>
+    <component
+        :is="navComponent[navItem.type]"
+        :navItem
+        :class="[
+            $style.frontNavItem,
+            $style[
+                `frontNav${navItem.type[0]!.toUpperCase() + navItem.type.substring(1)}`
+            ],
+        ]"
+    />
+</template>
+
+<style lang="scss" module>
+@use '$/partials/fnav';
+</style>

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

@@ -1,80 +1,80 @@
-<script lang="ts" setup>
-import { navStateKey } from '@app/scripts/aside/major/nav';
-import type { FrontNavSeparator } from '@shared/frontNav';
-
-import FNavItem from './FNavItem.vue';
-import FNavFlags from './FNavFlags.vue';
-
-const props = defineProps<{ navItem: FrontNavSeparator }>();
-const navState = inject(navStateKey);
-
-const active = ref(false);
-const accent = ref(false);
-
-function onStateUpdate() {
-    const newState = navState!.value[props.navItem.id]!.value;
-    active.value = newState === 'active';
-    accent.value = newState === 'activePart';
-}
-
-onStateUpdate();
-watch(navState!.value[props.navItem.id]!, onStateUpdate);
-</script>
-
-<template>
-    <div>
-        <NuxtLink
-            :to="`/group/${navItem.id}`"
-            :class="[
-                $style.header,
-                active && $style.active,
-                accent && $style.accent,
-            ]"
-            :prefetch="false"
-        >
-            <div :class="$style.label">{{ navItem.label }}</div>
-            <FNavFlags
-                :class="$style.flags"
-                v-if="navItem.flags"
-                :flags="navItem.flags"
-            />
-        </NuxtLink>
-        <FNavItem v-for="childItem of navItem.children" :navItem="childItem" />
-    </div>
-</template>
-
-<style lang="scss" module>
-.header {
-    display: flex;
-    gap: var(--gap);
-    padding: calc(var(--gap) / 2) var(--gap);
-    text-decoration: none;
-    @include transition(background);
-
-    .label {
-        flex: 1;
-        font-weight: 600;
-        font-size: 0.95em;
-        color: var(--textDimmed);
-        @include transition(color);
-    }
-
-    .flags {
-        flex-shrink: 0;
-    }
-
-    &:hover {
-        background: var(--bgAccent);
-    }
-    &:hover:not(.active) .label {
-        color: var(--text);
-    }
-
-    &.active .label {
-        color: var(--brand);
-    }
-    &.accent .label {
-        color: var(--textMuted);
-    }
-}
-</style>
+<script lang="ts" setup>
+import { navStateKey } from '@app/scripts/aside/major/nav';
+import type { FrontNavSeparator } from '@shared/frontNav';
+
+import FNavItem from './FNavItem.vue';
+import FNavFlags from './FNavFlags.vue';
+
+const props = defineProps<{ navItem: FrontNavSeparator }>();
+const navState = inject(navStateKey);
+
+const active = ref(false);
+const accent = ref(false);
+
+function onStateUpdate() {
+    const newState = navState!.value[props.navItem.id]!.value;
+    active.value = newState === 'active';
+    accent.value = newState === 'activePart';
+}
+
+onStateUpdate();
+watch(navState!.value[props.navItem.id]!, onStateUpdate);
+</script>
+
+<template>
+    <div>
+        <NuxtLink
+            :to="`/group/${navItem.id}`"
+            :class="[
+                $style.header,
+                active && $style.active,
+                accent && $style.accent,
+            ]"
+            :prefetch="false"
+        >
+            <div :class="$style.label">{{ navItem.label }}</div>
+            <FNavFlags
+                :class="$style.flags"
+                v-if="navItem.flags"
+                :flags="navItem.flags"
+            />
+        </NuxtLink>
+        <FNavItem v-for="childItem of navItem.children" :navItem="childItem" />
+    </div>
+</template>
+
+<style lang="scss" module>
+.header {
+    display: flex;
+    gap: var(--gap);
+    padding: calc(var(--gap) / 2) var(--gap);
+    text-decoration: none;
+    @include transition(background);
+
+    .label {
+        flex: 1;
+        font-weight: 600;
+        font-size: 0.95em;
+        color: var(--textDimmed);
+        @include transition(color);
+    }
+
+    .flags {
+        flex-shrink: 0;
+    }
+
+    &:hover {
+        background: var(--bgAccent);
+    }
+    &:hover:not(.active) .label {
+        color: var(--text);
+    }
+
+    &.active .label {
+        color: var(--brand);
+    }
+    &.accent .label {
+        color: var(--textMuted);
+    }
+}
+</style>

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

@@ -1,24 +1,24 @@
-<script lang="ts" setup>
-import { navStateKey } from '@app/scripts/aside/major/nav';
-import type { FrontNavTopic } from '@shared/frontNav';
-
-import FNavFlags from './FNavFlags.vue';
-
-const props = defineProps<{ navItem: FrontNavTopic }>();
-const navState = inject(navStateKey);
-const active = computed(
-    () => navState!.value[props.navItem.id]!.value === 'active',
-);
-</script>
-
-<template>
-    <TreeItem
-        icon="outline/file-lines"
-        :active
-        :label="navItem.label"
-        :level="navItem.level"
-        :link="`/${navItem.part}/${navItem.id}`"
-    >
-        <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
-    </TreeItem>
-</template>
+<script lang="ts" setup>
+import { navStateKey } from '@app/scripts/aside/major/nav';
+import type { FrontNavTopic } from '@shared/frontNav';
+
+import FNavFlags from './FNavFlags.vue';
+
+const props = defineProps<{ navItem: FrontNavTopic }>();
+const navState = inject(navStateKey);
+const active = computed(
+    () => navState!.value[props.navItem.id]!.value === 'active',
+);
+</script>
+
+<template>
+    <TreeItem
+        icon="outline/file-lines"
+        :active
+        :label="navItem.label"
+        :level="navItem.level"
+        :link="`/${navItem.part}/${navItem.id}`"
+    >
+        <FNavFlags v-if="navItem.flags" :flags="navItem.flags" />
+    </TreeItem>
+</template>

package/app/components/aside/major/panes/other/ItemContent.vue

@@ -1,29 +1,29 @@
-<script lang="ts" setup>
-import eruditConfig from '#erudit/config';
-
-const phrase = await usePhrases('_language_code', 'content');
-
-const secondary = ref<string>();
-
-const githubResponse = await useExternalApiRepository();
-const strDate = githubResponse.commit?.commit?.author?.date;
-
-if (strDate) {
-    secondary.value = new Date(strDate).toLocaleString(phrase._language_code, {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-    });
-} else console.warn(`Bad content last commit date repsonse: ${strDate}`);
-</script>
-
-<template>
-    <AsideListItem
-        v-if="secondary"
-        :link="`https://github.com/${eruditConfig.repository?.name}`"
-        target="_blank"
-        icon="draw"
-        :main="phrase.content"
-        :secondary
-    />
-</template>
+<script lang="ts" setup>
+import eruditConfig from '#erudit/config';
+
+const phrase = await usePhrases('_language_code', 'content');
+
+const secondary = ref<string>();
+
+const githubResponse = await useExternalApiRepository();
+const strDate = githubResponse.commit?.commit?.author?.date;
+
+if (strDate) {
+    secondary.value = new Date(strDate).toLocaleString(phrase._language_code, {
+        day: 'numeric',
+        month: 'short',
+        year: 'numeric',
+    });
+} else console.warn(`Bad content last commit date repsonse: ${strDate}`);
+</script>
+
+<template>
+    <AsideListItem
+        v-if="secondary"
+        :link="`https://github.com/${eruditConfig.repository?.name}`"
+        target="_blank"
+        icon="draw"
+        :main="phrase.content"
+        :secondary
+    />
+</template>

package/app/components/aside/major/panes/other/ItemGenerator.vue

@@ -1,13 +1,13 @@
-<script lang="ts" setup>
-import { version } from '@erudit/package.json';
-</script>
-
-<template>
-    <AsideListItem
-        link="https://github.com/erudit-js/erudit"
-        target="_blank"
-        icon="chip"
-        main="Erudit"
-        :secondary="version"
-    />
-</template>
+<script lang="ts" setup>
+import { version } from '@erudit/package.json';
+</script>
+
+<template>
+    <AsideListItem
+        link="https://github.com/erudit-js/erudit"
+        target="_blank"
+        icon="chip"
+        main="Erudit"
+        :secondary="version"
+    />
+</template>