@pinegrow/astro-module
TypeScript icon, indicating that this package has built-in type declarations

3.0.60 • Public • Published

Pinegrow Astro Module

npm version npm downloads License

Astro module for Pinegrow ⚡️

Pinegrow Astro Module enables connection and interaction between your Vite Dev-Server and Pinegrow apps (currently only Vue Designer).

Features

  • 🎨  Visually live-design your Vite-powered Astro apps (currently only Vue components are supported)
  • ⚙️  Smartly integrates into your Astro workflow in dev-mode only
  • ✨  Clean code 😃, No lock-in - You are in control of your projects and development workflow ❤️

Quick Setup

  1. Install: Add @pinegrow/astro-module to your project
# Using npm
npm install -D @pinegrow/astro-module

# Using pnpm
pnpm add -D @pinegrow/astro-module
  1. Configure: Add @pinegrow/astro-module to your Astro Integrations array astro.config.{mjs,ts}
//astro.config.mjs (or) astro.config.ts

import { defineConfig } from 'astro/config'

import vue from '@astrojs/vue'
import Pinegrow from '@pinegrow/astro-module'

export default defineConfig({
	integrations: [
		vue(),
		Pinegrow({
			liveDesigner: {
				// For options, refer to https://www.npmjs.com/package/@pinegrow/vite-plugin
				//...
			},
		}),
		//...
	],
	//...
})

Now, open your project in your Pinegrow app (currently only Vue Designer). ✨

License

MIT License

Copyright (c) Pinegrow

Package Sidebar

Install

npm i @pinegrow/astro-module

Weekly Downloads

30

Version

3.0.60

License

MIT

Unpacked Size

8.92 kB

Total Files

8

Last publish

Collaborators

  • pinegrowinfo
  • techakayy
  • ahmedkaja