Files
metacubexd/app.vue
kunish d961a43fd5 chore: migrate to nuxt (#1777)
* chore: update project structure and add new components

- Updated .gitignore to include Nuxt and Node.js build outputs.
- Modified .lintstagedrc.yml for improved linting configuration.
- Changed Tailwind CSS stylesheet path in .prettierrc.
- Added new app.vue file for global app setup.
- Removed auto-imports.d.ts file.
- Created nuxt.config.ts for Nuxt configuration.
- Added multiple new components including Button, Changelog, DataTable, and more.
- Introduced new composables for API and internationalization support.
- Added i18n support with English, Russian, and Chinese translations.
- Updated various pages for new component integration and layout adjustments.

This commit enhances the overall structure and functionality of the project.

* feat: integrate TanStack Query for improved data fetching and state management

* feat: add blank layout and global authentication middleware

* fix: enhance DataTable styling and update logs settings layout

- Added whitespace-nowrap class to DataTable columns for improved text handling.
- Refactored logs settings modal to use ConfigTitle components for better structure and styling.
- Updated select elements in logs settings for consistent width and layout.

* chore: update code structure and remove redundant changes

* feat: add connection details and metadata display in connections page

* feat: add connections pagination, settings modal, table, and toolbar components

- Implemented ConnectionsPagination component for pagination controls.
- Created ConnectionsSettingsModal for managing table settings and tags.
- Developed ConnectionsTable for displaying connection data with sorting and grouping.
- Added ConnectionsToolbar for filtering, sorting, and managing connection states.
- Updated connections page to utilize new components for improved structure and functionality.

* feat: add Twemoji support and update font configuration options

* fix: improve table header and data row styling for better mobile responsiveness

* fix: adjust div class for better overflow handling in ConnectionsTable component

* feat: remove global signals and related functionality

- Deleted global signals for traffic and memory data management.
- Removed logs signal and its related functionality.
- Eliminated proxies signal and associated proxy management logic.
- Removed request handling signals and mock mode support.
- Deleted rules and theme management signals.
- Cleaned up type definitions and environment variable interfaces.

* fix: update lint script to automatically fix issues with eslint

* feat: update screenshot script and add vitest configuration

- Change connections path in screenshot script
- Update server start command to use Nuxt
- Improve server shutdown process with process group kill
- Enhance localStorage setup for screenshots with expanded proxy groups
- Add vitest configuration for e2e tests with increased timeouts

* feat: update workflows and Dockerfile for Nuxt migration

- Added build step with mock mode in e2e and release workflows
- Updated publish directory in release workflow
- Adjusted Dockerfile to copy static files from .output/public

* feat: migrate to mock mode configuration in Nuxt setup

* feat: update dependencies and configuration for improved compatibility

- Updated compatibility date in nuxt.config.ts to 'latest'.
- Added new build script for mock mode in package.json.
- Upgraded various dependencies including eslint-config, playwright, and vitest to their latest versions.
- Adjusted e2e and release workflows to utilize the new mock build script.
- Enhanced layout to conditionally apply font classes based on Twemoji support.

* feat: migrate documentation and configuration to Nuxt 4 with Vue 3

- Updated technology stack to reflect migration from SolidJS to Nuxt 4 (Vue 3) with TypeScript.
- Revised important patterns and component structure to align with Vue/Nuxt conventions.
- Introduced new state management and data fetching patterns using Pinia and TanStack Vue Query.
- Enhanced project structure and development commands for improved clarity and usability.
- Updated ESLint and TypeScript guidelines to support the new framework.

* feat: enhance build and middleware for mock mode support

- Added a new script to generate mock builds in package.json.
- Updated GitHub workflows to replace build commands with generate commands for both standard and mock modes.
- Modified auth middleware to skip endpoint checks when in mock mode, improving development efficiency.

* chore: update Node version and refine README instructions

- Incremented Node version from 23 to 24 in .node-version file.
- Updated build command in README to 'pnpm generate' for static hosting.
- Changed preview command in README to 'pnpm preview'.
- Revised credits section in README to reflect the addition of Nuxt and Vue.js.

* Update middleware/auth.global.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: kunish <17328586+kunish@users.noreply.github.com>

* feat: integrate i18n and font support in Nuxt configuration

- Added @nuxtjs/i18n module for internationalization with English, Simplified Chinese, and Russian locales.
- Configured language detection and cookie management for user preferences.
- Introduced @nuxt/fonts module to utilize the Ubuntu font across the application.
- Updated main CSS to remove Fira Sans and apply Ubuntu as the default font.
- Refactored components to use the new i18n setup for locale management.
- Removed deprecated language constants and translation files, migrating to JSON format for locales.

* chore: remove unused PWA assets configuration file

---------

Signed-off-by: kunish <17328586+kunish@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2025-12-11 13:20:34 +08:00

13 lines
218 B
Vue

<script setup lang="ts">
// Global app setup
useHead({
titleTemplate: (title) => (title ? `${title} - MetaCubeXD` : 'MetaCubeXD'),
})
</script>
<template>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</template>