Vue Auto Component Framework

A Vue3 TypeScript framework that provides automatic component registration and layout system functionality.

Features

• 🚀 Automatic component registration from @/components directory
• 🎨 Built-in layout system with responsive design
• 📦 TypeScript support with full type definitions
• 🔧 Compatible with Vue 3 Composition API
• 🛠️ Error handling and recovery mechanisms

Installation

npm install vue-auto-component-framework

Usage

import { createApp } from 'vue-auto-component-framework'
import App from './App.vue'

const app = await createApp(App, {
  componentsPath: '@/components', // optional, defaults to '@/components'
  layoutConfig: {
    header: true,
    sidebar: true,
    footer: true,
    responsive: true
  }
})

app.mount('#app')

Development

# Install dependencies
npm install

# Build the project
npm run build

# Run tests
npm test

# Run tests in watch mode
npm run test:watch

# Type checking
npm run type-check

# Linting
npm run lint

Project Structure

src/
├── core/           # Core framework classes
├── layout/         # Layout components
├── types/          # TypeScript type definitions
└── index.ts        # Main entry point

License

MIT