{"id":19795674,"url":"https://github.com/fdm-monster/fdm-monster-client-next","last_synced_at":"2026-05-13T22:01:17.070Z","repository":{"id":259776106,"uuid":"782208148","full_name":"fdm-monster/fdm-monster-client-next","owner":"fdm-monster","description":"FDM Monster's UI written in Vue3, Vuetify3 and Typescript","archived":false,"fork":false,"pushed_at":"2026-05-13T00:51:18.000Z","size":13831,"stargazers_count":1,"open_issues_count":26,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-13T02:35:02.388Z","etag":null,"topics":["3d-printing","3dprinting","fdm-monster","pinia","typescript","ui","vue3","vuetify3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fdm-monster.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["davidzwa","fdm-monster"],"ko_fi":"davidzwa"}},"created_at":"2024-04-04T21:01:43.000Z","updated_at":"2026-05-13T00:50:21.000Z","dependencies_parsed_at":"2024-10-28T00:28:53.381Z","dependency_job_id":"0a4945a4-9fbe-4148-a02e-e6afc3696ad0","html_url":"https://github.com/fdm-monster/fdm-monster-client-next","commit_stats":null,"previous_names":["fdm-monster/fdm-monster-client-next"],"tags_count":53,"template":false,"template_full_name":null,"purl":"pkg:github/fdm-monster/fdm-monster-client-next","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdm-monster%2Ffdm-monster-client-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdm-monster%2Ffdm-monster-client-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdm-monster%2Ffdm-monster-client-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdm-monster%2Ffdm-monster-client-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fdm-monster","download_url":"https://codeload.github.com/fdm-monster/fdm-monster-client-next/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdm-monster%2Ffdm-monster-client-next/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33001377,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"ssl_error","status_checked_at":"2026-05-13T13:14:51.610Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-printing","3dprinting","fdm-monster","pinia","typescript","ui","vue3","vuetify3"],"created_at":"2024-11-12T07:17:02.133Z","updated_at":"2026-05-13T22:01:17.033Z","avatar_url":"https://github.com/fdm-monster.png","language":"Vue","funding_links":["https://github.com/sponsors/davidzwa","https://github.com/sponsors/fdm-monster","https://ko-fi.com/davidzwa","https://opencollective.com/vuetify","https://www.patreon.com/vuetify","https://tidelift.com/subscription/npm/vuetify","https://paypal.me/vuetify"],"categories":[],"sub_categories":[],"readme":"# Vuetify (Default)\n\nThis is the official scaffolding tool for Vuetify, designed to give you a head start in building your new Vuetify application. It sets up a base template with all the necessary configurations and standard directory structure, enabling you to begin development without the hassle of setting up the project from scratch.\n\n### Prerequisites\n- Backend server must be running at `http://127.0.0.1:4000`\n\n### Generate API Client\n\n```bash\n# Fetch OpenAPI spec from backend and generate TypeScript client\nyarn openapi-ts\n```\n\nOr run the steps separately:\n\n```bash\n# Start watch mode \nyarn openapi-ts:watch\n```\n\n## Notes to self\n\n- Example to fix alias includes https://github.com/mutoe/vue3-realworld-example-app/blob/master/tsconfig.json\n```json\n  \"include\": [\n    \"src/**/*.ts\",\n    \"src/**/*.d.ts\",\n    \"src/**/*.tsx\",\n    \"src/**/*.vue\"\n  ],\n```\n\n\n## ❗️ Important Links\n\n- 📄 [Docs](https://vuetifyjs.com/)\n- 🚨 [Issues](https://issues.vuetifyjs.com/)\n- 🏬 [Store](https://store.vuetifyjs.com/)\n- 🎮 [Playground](https://play.vuetifyjs.com/)\n- 💬 [Discord](https://community.vuetifyjs.com)\n\n## 💿 Install\n\nSet up your project using your preferred package manager. Use the corresponding command to install the dependencies:\n\n| Package Manager                                                | Command        |\n|---------------------------------------------------------------|----------------|\n| [yarn](https://yarnpkg.com/getting-started)                   | `yarn install` |\n| [npm](https://docs.npmjs.com/cli/v7/commands/npm-install)     | `npm install`  |\n| [pnpm](https://pnpm.io/installation)                          | `pnpm install` |\n| [bun](https://bun.sh/#getting-started)                        | `bun install`  |\n\nAfter completing the installation, your environment is ready for Vuetify development.\n\n## ✨ Features\n\n- 🖼️ **Optimized Front-End Stack**: Leverage the latest Vue 3 and Vuetify 3 for a modern, reactive UI development experience. [Vue 3](https://v3.vuejs.org/) | [Vuetify 3](https://vuetifyjs.com/en/)\n- 🗃️ **State Management**: Integrated with [Pinia](https://pinia.vuejs.org/), the intuitive, modular state management solution for Vue.\n- 🚦 **Routing and Layouts**: Utilizes Vue Router for SPA navigation and vite-plugin-vue-layouts for organizing Vue file layouts. [Vue Router](https://router.vuejs.org/) | [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts)\n- 💻 **Enhanced Development Experience**: Benefit from TypeScript's static type checking and the ESLint plugin suite for Vue, ensuring code quality and consistency. [TypeScript](https://www.typescriptlang.org/) | [ESLint Plugin Vue](https://eslint.vuejs.org/)\n- ⚡ **Next-Gen Tooling**: Powered by Vite, experience fast cold starts and instant HMR (Hot Module Replacement). [Vite](https://vitejs.dev/)\n- 🧩 **Automated Component Importing**: Streamline your workflow with unplugin-vue-components, automatically importing components as you use them. [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)\n- 🛠️ **Strongly-Typed Vue**: Use vue-tsc for type-checking your Vue components, and enjoy a robust development experience. [vue-tsc](https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc)\n\nThese features are curated to provide a seamless development experience from setup to deployment, ensuring that your Vuetify application is both powerful and maintainable.\n\n## 💡 Usage\n\nThis section covers how to start the development server and build your project for production.\n\n### Starting the Development Server\n\nTo start the development server with hot-reload, run the following command. The server will be accessible at [http://localhost:3000](http://localhost:3000):\n\n```bash\nyarn dev\n```\n\n(Repeat for npm, pnpm, and bun with respective commands.)\n\n\u003e Add NODE_OPTIONS='--no-warnings' to suppress the JSON import warnings that happen as part of the Vuetify import mapping. If you are on Node [v21.3.0](https://nodejs.org/en/blog/release/v21.3.0) or higher, you can change this to NODE_OPTIONS='--disable-warning=5401'. If you don't mind the warning, you can remove this from your package.json dev script.\n\n### Building for Production\n\nTo build your project for production, use:\n\n```bash\nyarn build\n```\n\n(Repeat for npm, pnpm, and bun with respective commands.)\n\nOnce the build process is completed, your application will be ready for deployment in a production environment.\n\n## 📸 Documentation Screenshots\n\nThis project includes Playwright setup for capturing screenshots for documentation purposes.\n\n### Quick Start\n\n```bash\n# Install Playwright browsers (first time only)\nyarn playwright:install\n\n# Generate screenshots\nyarn screenshots\n\n# Run in headed mode (see the browser)\nyarn screenshots:headed\n```\n\nFor detailed documentation, see [screenshots/SETUP.md](screenshots/SETUP.md).\n\n## 💪 Support Vuetify Development\n\nThis project is built with [Vuetify](https://vuetifyjs.com/en/), a UI Library with a comprehensive collection of Vue components. Vuetify is an MIT licensed Open Source project that has been made possible due to the generous contributions by our [sponsors and backers](https://vuetifyjs.com/introduction/sponsors-and-backers/). If you are interested in supporting this project, please consider:\n\n- [Requesting Enterprise Support](https://support.vuetifyjs.com/)\n- [Sponsoring John on Github](https://github.com/users/johnleider/sponsorship)\n- [Sponsoring Kael on Github](https://github.com/users/kaelwd/sponsorship)\n- [Supporting the team on Open Collective](https://opencollective.com/vuetify)\n- [Becoming a sponsor on Patreon](https://www.patreon.com/vuetify)\n- [Becoming a subscriber on Tidelift](https://tidelift.com/subscription/npm/vuetify)\n- [Making a one-time donation with Paypal](https://paypal.me/vuetify)\n\n## 📑 License\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2016-present Vuetify, LLC\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffdm-monster%2Ffdm-monster-client-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffdm-monster%2Ffdm-monster-client-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffdm-monster%2Ffdm-monster-client-next/lists"}