Vuetify (Default)

This 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.

❗️ Important Packages Must Included

• 🔖 [@mdi/font] : [version] "6.2.95",
• 🔖 [@vueuse/core]: "^10.9.0",
• 🔖 [core-js]: "^3.34.0",
• 🔖 [roboto-fontface]: "*",
• 🔖 [rollup-plugin-css-only]: "^4.5.2",
• 🔖 [rollup-plugin-vue]: "^6.0.0",
• 🔖 [vue]: "^3.4.21",
• 🔖 [vue-i18n]: "^9.13.1",
• 🔖 [vue-svg-icon]: "^1.2.9",
• 🔖 [vuetify]: "^3.5.8"

❗️ Important Links

• 📄 Docs
• 🚨 Issues
• 🏬 Store
• 🎮 Playground
• 💬 Discord

💿 Install

npm i mohammed-erp-layout

💡 Publish

• must build your project

npm i build 

• then login one time

npm login

• then change version in package.json

old "version": "0.0.36", 
new "version": "0.0.37",

• then publish

npm publish

💡 Usage

This section covers how to start the development server and build your project for production with layout package.

• install package
• go to main.js or main.ts
• inside main

  import moeLayout from "mohammed-erp-layout"
  import "mohammed-erp-layout/dist/style.css"
  import { createPinia } from 'pinia'
  import App from './App.vue'
  const pinia = createPinia()
  const app = createApp(App)
  app.use(pinia)
  app.use(vuetify)
  app.use(router)
  app.use(moeLayout)
  app.mount('#app')

• then go to your App.vue

<template>
	<LayoutERP :nav="[]" />
</template>

(Repeat for npm, pnpm, and bun with respective commands.)

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 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.

📑 License

Copyright (c) 2024-present Mohammed Saigh, LLC