61 lines
1.4 KiB
TypeScript
61 lines
1.4 KiB
TypeScript
|
import type { DarkTheme } from "./theme/index.ts";
|
||
|
|
|
||
|
|
export type DisplayMode = "list" | "gallery" | "grid";
|
||
|
|
|
||
|
|
export type DisplayLocation =
|
||
|
|
| "mod"
|
||
|
|
| "plugin"
|
||
|
|
| "resourcepack"
|
||
|
|
| "modpack"
|
||
|
|
| "shader"
|
||
|
|
| "datapack"
|
||
|
|
| "user"
|
||
|
|
| "collection";
|
||
|
|
|
||
|
|
export interface Cosmetics {
|
||
|
|
searchLayout: boolean;
|
||
|
|
projectLayout: boolean;
|
||
|
|
advancedRendering: boolean;
|
||
|
|
externalLinksNewTab: boolean;
|
||
|
|
notUsingBlockers: boolean;
|
||
|
|
hideModrinthAppPromos: boolean;
|
||
|
|
preferredDarkTheme: DarkTheme;
|
||
|
|
searchDisplayMode: Record<DisplayLocation, DisplayMode>;
|
||
|
|
hideStagingBanner: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default defineNuxtPlugin({
|
||
|
|
name: "cosmetics",
|
||
|
|
setup() {
|
||
|
|
const cosmetics = useCookie<Cosmetics>("cosmetics", {
|
||
|
|
maxAge: 60 * 60 * 24 * 365 * 10,
|
||
|
|
sameSite: "lax",
|
||
|
|
secure: true,
|
||
|
|
httpOnly: false,
|
||
|
|
path: "/",
|
||
|
|
default: () => ({
|
||
|
|
searchLayout: false,
|
||
|
|
projectLayout: false,
|
||
|
|
advancedRendering: true,
|
||
|
|
externalLinksNewTab: true,
|
||
|
|
notUsingBlockers: false,
|
||
|
|
hideModrinthAppPromos: false,
|
||
|
|
preferredDarkTheme: "dark",
|
||
|
|
searchDisplayMode: {
|
||
|
|
mod: "list",
|
||
|
|
plugin: "list",
|
||
|
|
resourcepack: "gallery",
|
||
|
|
modpack: "list",
|
||
|
|
shader: "gallery",
|
||
|
|
datapack: "list",
|
||
|
|
user: "list",
|
||
|
|
collection: "list",
|
||
|
|
},
|
||
|
|
hideStagingBanner: false,
|
||
|
|
}),
|
||
|
|
});
|
||
|
|
|
||
|
|
return { provide: { cosmetics } };
|
||
|
|
},
|
||
|
|
});
|