Mohammed-erp-layout NPM

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.