\r\n\r\n## IVue Plus Official website\r\n\r\n**https://lovevuerk.com/plus/**\r\n\r\nIVue is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components.\r\nProvides more than 50 commonly used low-level components.\r\n\r\niVue Created according to Google's **Material Design Spec**\r\n\r\n## Browser Support\r\n\r\nRun on browsers that support ES2018 and ResizeObserver. If you really need to support older browsers, add Babel and the corresponding Polyfill yourself\r\nSince Vue 3 no longer supports IE11, this library no longer supports IE browser\r\n\r\n## Installation\r\n\r\nUsing npm:\r\n\r\n```javascript\r\n npm install ivue-material-plus --save\r\n```\r\n\r\nUsing a script tag for global use:\r\n\r\n```javascript\r\n\r\n\r\n\r\n```\r\n\r\nYou can see the latest version resources at unpkg.com/ivue-material-plus\r\n\r\n## Usage\r\n\r\n```javascript\r\nimport Vue from 'vue';\r\nimport IvueMaterialPlus from 'ivue-material-plus';\r\n\r\nVue.use(IvueMaterialPlus);\r\n```\r\n\r\nUsing css via import:\r\n\r\n```javascript\r\nimport 'ivue-material-plus/dist/styles/index.css';\r\n```\r\n\r\n## Import On Demand\r\n\r\n### import automatically\r\n\r\nFirst you need to install the two plugins `unplugin-vue-components` and `unplugin-auto-import`\r\n\r\n### Vite\r\n\r\n```\r\n// vite.config.js\r\nimport { defineConfig } from 'vite'\r\nimport AutoImport from 'unplugin-auto-import/vite'\r\nimport Components from 'unplugin-vue-components/vite'\r\nimport { IvueMaterialPlusResolver } from 'ivue-material-plus/resolvers/ivue-material-plus'\r\n\r\nexport default defineConfig({\r\n // ...\r\n plugins: [\r\n // ...\r\n AutoImport({\r\n resolvers: [IvueMaterialPlusResolver()],\r\n }),\r\n Components({\r\n resolvers: [IvueMaterialPlusResolver()],\r\n }),\r\n ],\r\n})\r\n```\r\n\r\n### Webpack\r\n\r\n```\r\n// webpack.config.js\r\nconst AutoImport = require('unplugin-auto-import/webpack')\r\nconst Components = require('unplugin-vue-components/webpack')\r\nimport { IvueMaterialPlusResolver } from 'ivue-material-plus/resolvers/ivue-material-plus'\r\n\r\nmodule.exports = {\r\n // ...\r\n plugins: [\r\n AutoImport({\r\n resolvers: [IvueMaterialPlusResolver()],\r\n }),\r\n Components({\r\n resolvers: [IvueMaterialPlusResolver()],\r\n }),\r\n ],\r\n}\r\n```\r\n\r\nFor more packaging (Rollup, Vue CLI) and configuration tools, please refer to [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components#installation) 和 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import#install)\r\n\r\n### Load components on demand\r\n\r\nWith the help of the plug-in [babel-plugin-import](https://github.com/umijs/babel-plugin-import) can be achieved by\r\nComponents need to be loaded to reduce file size. First install and configure in file `.babelrc` or in webpack `babel-loader`\r\n\r\n```\r\nnpm install babel-plugin-import --save-dev\r\n\r\n// .babelrc or babel-loader\r\n{\r\n \"plugins\": [\r\n [\r\n \"import\",\r\n {\r\n \"libraryName\": \"ivue-material-plus\",\r\n \"libraryDirectory\": \"dist/unplugin-vue-components/es\"\r\n },\r\n \"ivue-material-plus\"\r\n ]\r\n ],\r\n}\r\n```\r\n\r\nThen introduce components on demand in this way, you can reduce the size\r\n\r\n```\r\nimport { IvueAffix, IvueInput } from 'ivue-material-plus';\r\napp.component(IvueAffix.name, IvueAffix);\r\napp.component(IvueInput.name, IvueInput);\r\n```\r\n\r\n### Special Reminder\r\n\r\non demand references still need to import styles, that is, execute `import 'ivue-material-plus/dist/styles/index.css'` in `main.js` or the root component;\r\n\r\n## Community\r\n\r\nContribute: Contact us WeChat or via mail to jianzhongmin@foxmail.com. PRs welcome!\r\n\r\n## License\r\n\r\n**MIT**\r\n\r\nCopyright (c) 2019-present, IVue\r\n","readmeFilename":"README.md","author":{"name":"qq282126990"}}