first commit

resources/js/plugins/naive.ts

@@ -0,0 +1,34 @@
+import { createDiscreteApi, darkTheme, type GlobalTheme } from 'naive-ui';
+import type { App } from 'vue';
+
+/**
+ * Тема приложения. Зафиксирована (тёмная, как в onboard), чтобы серверный и
+ * клиентский рендеринг при SSR совпадали и не было «перекраски» при гидратации.
+ * Для переключения темы используйте отдельный механизм после монтирования.
+ */
+export const appTheme: GlobalTheme = darkTheme;
+
+/**
+ * Подключение «безоконных» (discrete) API NaiveUI: message, notification,
+ * dialog, loadingBar. Только в браузере (используют document).
+ *
+ * Перенесено из проекта onboard (resources/js/Plugins/NaiveUI.js).
+ */
+export function setupNaiveDiscreteApi(app: App): void {
+    const { message, notification, dialog, loadingBar } = createDiscreteApi(
+        ['message', 'dialog', 'notification', 'loadingBar'],
+        {
+            configProviderProps: { theme: appTheme },
+        },
+    );
+
+    window.$notification = notification;
+    window.$message = message;
+    window.$dialog = dialog;
+    window.$loadingBar = loadingBar;
+
+    app.config.globalProperties.$notification = notification;
+    app.config.globalProperties.$message = message;
+    app.config.globalProperties.$dialog = dialog;
+    app.config.globalProperties.$loadingBar = loadingBar;
+}