{"adoption": {"forks": 125, "observed_at": "2026-08-28T04:04:14.993531+00:00", "stars": 1287}, "canonical_url": "https://ross.abutalabs.com/products/v-scale-screen", "card": {"archived": false, "artifact_type": "library", "description": "Vue large screen adaptive component vue大屏自适应组件", "domain": ["frontend", "web-development", "data-visualization"], "enriched": true, "function": ["ui-components"], "health_score": 20, "homepage": null, "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["Alfred-Skyblue/v-scale-screen"], "name": "Alfred-Skyblue/v-scale-screen", "platform": ["browser"], "pushed_at": "2024-11-12T12:50:17+00:00", "repo": "Alfred-Skyblue/v-scale-screen", "stars": 1287, "tags": ["vue", "vue3", "vue2", "echarts", "large-screen", "screen-adaptation", "responsive-design", "scaling", "dashboard", "css-transform", "typescript", "chinese"], "topics": ["vue", "echarts", "screen", "vue3", "typescript", "css3", "scale"], "urls": [], "use_cases": ["make a 1920x1080 vue dashboard scale to fit any screen", "vue large screen adaptive component for data visualization", "fit an echarts big-screen dashboard to different resolutions", "scale a fixed-size design canvas to fullscreen in vue", "keep dashboard aspect ratio across different monitors", "big screen adaptation for vue3 dashboards"], "what_it_is": "A Vue component (supporting Vue 3 and Vue 2.7+, with a v1 line for Vue 2.6) that wraps page content in a scaling container so interfaces designed at a fixed resolution, such as 1920x1080 large-screen dashboards, adapt to any display. It supports adaptation by width, height, width-and-height ratio, and full-screen scaling, and is commonly paired with ECharts for data-wall dashboards.", "when_to_avoid": ["Your project is React rather than Vue (use the author's r-scale-screen instead)", "You are on Vue 2.6 or below without adopting the 1.x version", "You need a generally responsive/fluid website layout rather than fixed-canvas proportional scaling"], "when_to_choose": ["You are building a fixed-resolution large-screen/data-wall dashboard in Vue 2.7+ or Vue 3 and need it to fit varying displays", "You want a drop-in wrapper component instead of hand-rolling CSS transform scaling logic", "Your layout is designed against a fixed canvas (e.g., 1920x1080) with charts like ECharts that must scale as a whole"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/v-scale-screen", "repo": "Alfred-Skyblue/v-scale-screen", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:14.993531+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T04:55:50.192624+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4c1a983fd720effbfb6ec11ef9066688e55b37aa9b4f9ab22bed9242a2113fb4", "fetched_at": "2026-08-28T04:04:14.993531+00:00", "kind": "readme", "missing": false, "url": "https://github.com/Alfred-Skyblue/v-scale-screen"}, {"content_hash": "fb939fdf7048761cab6fe70e20770642d3e83e9e5226d64dd42bef8f8425ee66", "fetched_at": "2026-08-29T12:12:06.048893+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/v-scale-screen"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 1633, "days_push": 659, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}