44 |
56 |
57 |
74 |
--------------------------------------------------------------------------------
/docs/.vitepress/theme/compat.scss:
--------------------------------------------------------------------------------
1 | .VPLink,
2 | .title,
3 | .pager-link,
4 | .link,
5 | .header-anchor {
6 | color: inherit;
7 | transition: none;
8 |
9 | &:hover {
10 | text-decoration: none;
11 | }
12 |
13 | &:active:not(&:disabled) {
14 | scale: 1;
15 | }
16 | }
17 |
18 | .content-container {
19 | max-width: 100% !important;
20 | }
21 |
22 | body {
23 | background-color: var(--vp-c-bg);
24 | }
25 |
--------------------------------------------------------------------------------
/docs/.vitepress/theme/index.js:
--------------------------------------------------------------------------------
1 | import { localeDefinitions } from '@modrinth/omorphia-dev/locales/index.js'
2 | import { createPlugin } from '@vintl/vintl/plugin'
3 | import { plugin as Omorphia } from 'omorphia'
4 | import DefaultTheme from 'vitepress/theme'
5 | import { createVNode } from 'vue'
6 | import DemoContainer from './DemoContainer.vue'
7 | import LanguageSwitcher from './LanguageSwitcher.vue'
8 |
9 | import './compat.scss'
10 | import './style.scss'
11 |
12 | /** @type {import('vitepress').Theme} */
13 | export default {
14 | ...DefaultTheme,
15 | enhanceApp(ctx) {
16 | ctx.app.use(Omorphia)
17 | ctx.app.component('DemoContainer', DemoContainer)
18 | ctx.app.use(
19 | createPlugin({
20 | controllerOpts: {
21 | locales: Object.keys(localeDefinitions).map((tag) => ({ tag })),
22 | listen: {
23 | async localeload(event) {
24 | const locale = event.locale.tag
25 | if (!Object.hasOwn(localeDefinitions, locale)) {
26 | throw new Error(`Unknown locale: ${locale}`)
27 | }
28 |
29 | try {
30 | const { messages } = await localeDefinitions[locale].importFunction()
31 | event.addMessages(messages)
32 | } catch (err) {
33 | console.error(`Failed to load locale: ${locale}`, err)
34 | }
35 | },
36 | },
37 | defaultMessageOrder: ['locale', 'descriptor'],
38 | },
39 | globalMixin: false,
40 | })
41 | )
42 | },
43 | Layout() {
44 | return createVNode(DefaultTheme.Layout, null, {
45 | 'sidebar-nav-before'() {
46 | return createVNode(LanguageSwitcher)
47 | },
48 | })
49 | },
50 | }
51 |
--------------------------------------------------------------------------------
/docs/components/animated-logo.md:
--------------------------------------------------------------------------------
1 | # Animated Logo
2 | Playground language
45 | 46 |
23 |
33 |
42 |
52 | ```
53 |
54 |
56 |
73 |
62 |
72 |
83 |
100 | ```
101 |
102 |
--------------------------------------------------------------------------------
/docs/components/text-logo.md:
--------------------------------------------------------------------------------
1 | # Text Logo
2 |
89 |
99 |
30 |
40 |
41 |
42 |
60 |
--------------------------------------------------------------------------------
/lib/components/base/Checkbox.vue:
--------------------------------------------------------------------------------
1 |
2 |
25 |
26 |
58 |
59 |
134 |
--------------------------------------------------------------------------------
/lib/components/base/Chips.vue:
--------------------------------------------------------------------------------
1 |
2 |
31 |
38 |
33 |
36 |
37 |
3 |
13 |
14 |
15 |
65 |
66 |
95 |
--------------------------------------------------------------------------------
/lib/components/base/ConditionalNuxtLink.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |
19 |
20 |
62 |
134 |
--------------------------------------------------------------------------------
/lib/components/base/OverflowMenu.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
17 |
13 |
14 |
15 |
16 |
24 |
37 |
38 |
39 |
122 |
--------------------------------------------------------------------------------
/lib/components/base/PageBar.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
12 |
86 |
--------------------------------------------------------------------------------
/lib/components/base/Pagination.vue:
--------------------------------------------------------------------------------
1 |
2 |
54 |
55 |
104 |
105 |
160 |
--------------------------------------------------------------------------------
/lib/components/base/Promotion.vue:
--------------------------------------------------------------------------------
1 |
2 |
25 |
27 |
30 |
31 |
33 |
36 |
3 |
8 |
24 |
25 |
26 |
43 |
44 |
126 |
--------------------------------------------------------------------------------
/lib/components/base/ScrollableMultiSelect.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
23 |
10 |
19 |
11 |
18 |
20 | Ad via Adrinth
21 |
22 |
3 |
15 |
16 |
17 |
49 |
50 |
107 |
--------------------------------------------------------------------------------
/lib/components/base/Toggle.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
31 |
--------------------------------------------------------------------------------
/lib/components/index.js:
--------------------------------------------------------------------------------
1 | // Base content
2 | export { default as Avatar } from './base/Avatar.vue'
3 | export { default as Badge } from './base/Badge.vue'
4 | export { default as Button } from './base/Button.vue'
5 | export { default as Card } from './base/Card.vue'
6 | export { default as Checkbox } from './base/Checkbox.vue'
7 | export { default as Chips } from './base/Chips.vue'
8 | export { default as ConditionalNuxtLink } from './base/ConditionalNuxtLink.vue'
9 | export { default as CopyCode } from './base/CopyCode.vue'
10 | export { default as DoubleIcon } from './base/DoubleIcon.vue'
11 | export { default as DropArea } from './base/DropArea.vue'
12 | export { default as DropdownSelect } from './base/DropdownSelect.vue'
13 | export { default as EnvironmentIndicator } from './base/EnvironmentIndicator.vue'
14 | export { default as FileInput } from './base/FileInput.vue'
15 | export { default as MarkdownEditor } from './base/MarkdownEditor.vue'
16 | export { default as Notifications } from './base/Notifications.vue'
17 | export { default as OverflowMenu } from './base/OverflowMenu.vue'
18 | export { default as Page } from './base/Page.vue'
19 | export { default as Pagination } from './base/Pagination.vue'
20 | export { default as PopoutMenu } from './base/PopoutMenu.vue'
21 | export { default as ProjectCard } from './base/ProjectCard.vue'
22 | export { default as Promotion } from './base/Promotion.vue'
23 | export { default as Slider } from './base/Slider.vue'
24 | export { default as Toggle } from './base/Toggle.vue'
25 | export { default as ListSelector } from './base/ListSelector.vue'
26 | export { default as PageBar } from './base/PageBar.vue'
27 | export { default as ScrollableMultiSelect } from './base/ScrollableMultiSelect.vue'
28 |
29 | // Branding
30 | export { default as AnimatedLogo } from './brand/AnimatedLogo.vue'
31 | export { default as TextLogo } from './brand/TextLogo.vue'
32 |
33 | // Charts
34 | export { default as Chart } from './chart/Chart.vue'
35 | export { default as CompactChart } from './chart/CompactChart.vue'
36 |
37 | // Modals
38 | export { default as Modal } from './modal/Modal.vue'
39 | export { default as ConfirmModal } from './modal/ConfirmModal.vue'
40 | export { default as ShareModal } from './modal/ShareModal.vue'
41 |
42 | // Navigation
43 | export { default as Breadcrumbs } from './nav/Breadcrumbs.vue'
44 | export { default as NavItem } from './nav/NavItem.vue'
45 | export { default as NavRow } from './nav/NavRow.vue'
46 | export { default as NavStack } from './nav/NavStack.vue'
47 |
48 | // Search
49 | export { default as Categories } from './search/Categories.vue'
50 | export { default as SearchDropdown } from './search/SearchDropdown.vue'
51 | export { default as SearchFilter } from './search/SearchFilter.vue'
52 |
53 | export * from './icons.js'
54 |
--------------------------------------------------------------------------------
/lib/components/modal/ConfirmModal.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
14 |
11 |
13 |
4 |
5 |
12 |
33 |
13 |
21 |
22 |
23 |
27 |
31 |
32 |
3 |
5 |
6 |
7 |
23 |
--------------------------------------------------------------------------------
/lib/components/search/Categories.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
21 |
22 |
46 |
--------------------------------------------------------------------------------
/lib/components/search/SearchFilter.vue:
--------------------------------------------------------------------------------
1 |
2 |