{"id":23684875,"url":"https://github.com/pinegrow/pg-astro","last_synced_at":"2026-02-18T21:01:58.502Z","repository":{"id":184198932,"uuid":"671470888","full_name":"Pinegrow/pg-astro","owner":"Pinegrow","description":"Vue Designer Astro Tailwind CSS - Quick start template","archived":false,"fork":false,"pushed_at":"2025-01-15T21:46:03.000Z","size":3566,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-22T06:35:38.254Z","etag":null,"topics":["astro","css","pinegrow","ssg","vue","vue-designer"],"latest_commit_sha":null,"homepage":"https://pg-astro-css.netlify.app/","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Pinegrow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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}},"created_at":"2023-07-27T11:48:35.000Z","updated_at":"2025-05-16T21:30:02.000Z","dependencies_parsed_at":"2024-06-06T08:39:49.499Z","dependency_job_id":"e339a129-7264-4daf-8c61-a3804926f48b","html_url":"https://github.com/Pinegrow/pg-astro","commit_stats":null,"previous_names":["pinegrow/pg-astro"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/Pinegrow/pg-astro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pinegrow%2Fpg-astro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pinegrow%2Fpg-astro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pinegrow%2Fpg-astro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pinegrow%2Fpg-astro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pinegrow","download_url":"https://codeload.github.com/Pinegrow/pg-astro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pinegrow%2Fpg-astro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29596119,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T20:59:56.587Z","status":"ssl_error","status_checked_at":"2026-02-18T20:58:41.434Z","response_time":162,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["astro","css","pinegrow","ssg","vue","vue-designer"],"created_at":"2024-12-29T20:48:59.734Z","updated_at":"2026-02-18T21:01:58.466Z","avatar_url":"https://github.com/Pinegrow.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Designer Astro with CSS - Quick start template\n\nThis is a starter template that pre-includes the [Pinegrow Astro Module](https://www.npmjs.com/package/@pinegrow/astro-module) and other goodies for Vue Designer.\n\nDemo - https://pg-astro-css.netlify.app/\n\n## Vue Designer\n\nA desktop visual editor for Vue apps supporting Mac, Windows, and Linux by [Pinegrow](https://pinegrow.com/). Take it for a free trial at [Vue Designer](https://vuedesigner.com)!\n\nIt lets you visually design 🎨 your Vue single file components and boosts your productivity and creativity while building your component-based Vue apps.\n\nIt smartly integrates with your ⚡️ [Vite](https://vitejs.dev/) based CLI and provides an amazing developer experience with its powerful visual controls and features.\n\nClean code 😃, No lock-in - You are in control of your projects and development workflow ❤️\n\n## Try it now!\n\n### 1. Clone to local\n\n[Create a repo from this template on GitHub](https://github.com/pinegrow/pg-astro/generate).\n\n(or)\n\nIf you prefer to do it manually with the cleaner git history\n\n```bash\nnpx giget@latest gh:pinegrow/pg-astro my-astro-app #project-name\ncd my-astro-app\nnpm install #or use pnpm\n```\n\n(or)\n\nIf you prefer a minimal template (a single empty home page) instead,\n\n```bash\nnpx giget@latest gh:pinegrow/pg-astro#minimal my-astro-app #project-name\ncd my-astro-app\nnpm install #or use pnpm\n```\n\n## 2. Open in Vue Designer\n\nOpen your project in Vue Designer and follow the instructions displayed in the Config Panel (that should pop out automatically). Config Panel ⚙️ displays the key packages and the various links to their individual ecosystems and communities.\n\n## Usage\n\n### Start your development server\n\n```bash\nnpm run dev\n```\n\n### Build\n\n```bash\nnpm run build # MPA SSG (islands architecture)\n```\n\n### Analyze\n\nUncomment the `rollup-plugin-visualizer` usage in your config file and execute the `build` command. This command will generate `stats.html`. Open `stats.html` in your browser to analyze bundle sizes.\n\n```bash\nnpm run build # open stats.html to analyze bundle sizes\n```\n\n### Preview\n\n```bash\nnpm run now # build \u0026 preview\n```\n\n### Lighthouse\n\n```bash\nnpm run unlighthouse # Uses npx unlighthouse from https://unlighthouse.dev/ to run lighthouse on entire site (all pages)\n```\n\n### Deploy to Netlify\n\nYou can deploy this repo as a site on your own to explore and experiment with, by clicking this button.\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Pinegrow/pg-astro)\n\nCheck out the [deployment documentation](https://docs.astro.build/en/guides/deploy) for more information.\n\n## Pre-packed\n\n### Meta Framework\n\n- [Astro](https://docs.astro.build/) - Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.\n  - 🏝 **[Partial Hydration]** - zero JS by default, hydrates the interactive bits\n  - 🔌 **[Batteries Included]** - layouts, components, site-wide data\n  - 🧱 **[Multi-Framework]** - vue, react, preact, svelte, solid, etc\n  - 📖 **[Markdown]** - use components in markdown and viceversa\n  - 🛣 **[Routing]** - automatically configured from files\n  - ⚡️ **[Fast][vite]** - instant reloading powered by [Vite]\n\n### UI Frameworks\n\n- [CSS](https://vuejs.org/api/sfc-css-features.html) - Scoped CSS in Vue Single File Component (SFC).\n\n### Icons\n\n- [UnoCSS Preset Icons](https://github.com/unocss/unocss/tree/main/packages/preset-icons/) - use over 100,000 open-source [Iconify](https://iconify.design/) icons. Uses the **unocss** format for icon names, for example, `i-mdi-home`.\n\n### Modules/Plugins\n\n- [Pinegrow Astro Module](https://www.npmjs.com/package/@pinegrow/astro-module) - enables you to live-design your Vue single-file components visually in Vue Designer.\n- 📲 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - On-demand components auto importing for Vue.\n- 📲 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - Auto import APIs on-demand for Vite, Webpack and Rollup.\n- [VueUse](https://vueuse.org/) - collection of essential Vue composition utilities.\n- 🍍 [Pinia](https://pinia.vuejs.org/) stores for global state management. Its light-weight, type-safe, extensible, modular with vue-devtools support.\n- [VeeValidate](https://vee-validate.logaretm.com/v4/) takes care of value tracking, validation, errors, submissions and more.\n\n### Devtools\n\n- [Vite Devtools](https://docs.astro.build/en/guides/integrations-guide/vue/#devtools) - A Vite plugin for Vue that enhances your DX (developer experience) with an amazing set of in-app features. This is an in-app alternative to browser-based/standalone Vue Devtools.\n\n### VS Code Extensions\n\n- [VS Code Extensions](./.vscode/extensions.json \u0026 ./.vscode/settings.json)\n  - [Astro](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode)\n  - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - Vue 3 `\u003cscript setup\u003e` IDE support\n  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://vuejs.org/guide/scaling-up/sfc.html)\n- ~~[ESLint](https://eslint.org) with [@nuxt/eslint-config](https://github.com/nuxt/eslint-config) - opinionated not-so-strict set of linting rules. Nuxt \u0026 Astro share a similar directory structure, so are their linting rules.~~\n- ~~[Prettier](https://prettier.io) with [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) - format without conflicting with eslint rules.~~\n\n### Typescript\n\nThis project allows JS, and strict mode is turned off. Update `tsconfig.ts` as required.\n\n```json\n{\n  \"compilerOptions\": {\n    // ...\n    \"strict\": false,\n    \"allowJs\": true\n  }\n}\n```\n\n## Community\n\n- [Vue Designer Community](https://discord.gg/BYp45Nnu5T)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpinegrow%2Fpg-astro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpinegrow%2Fpg-astro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpinegrow%2Fpg-astro/lists"}