monobill-mintui 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -0
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.js +209 -206
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -73,6 +73,62 @@ Components are Web Components (Custom Elements) that work in **any framework**:
|
|
|
73
73
|
|
|
74
74
|
#### Vue 3
|
|
75
75
|
|
|
76
|
+
**⚠️ IMPORTANT: Configure Vue to recognize custom elements**
|
|
77
|
+
|
|
78
|
+
You must configure Vue to treat `mint-*` elements as custom elements, not Vue components.
|
|
79
|
+
|
|
80
|
+
**For Vite projects**, add this to your `vite.config.js` or `vite.config.ts`:
|
|
81
|
+
|
|
82
|
+
```js
|
|
83
|
+
import { defineConfig } from 'vite'
|
|
84
|
+
import vue from '@vitejs/plugin-vue'
|
|
85
|
+
|
|
86
|
+
export default defineConfig({
|
|
87
|
+
plugins: [
|
|
88
|
+
vue({
|
|
89
|
+
template: {
|
|
90
|
+
compilerOptions: {
|
|
91
|
+
isCustomElement: (tag) => tag.startsWith('mint-'),
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
}),
|
|
95
|
+
],
|
|
96
|
+
})
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
**For Vue CLI projects**, add this to your `vue.config.js`:
|
|
100
|
+
|
|
101
|
+
```js
|
|
102
|
+
module.exports = {
|
|
103
|
+
chainWebpack: (config) => {
|
|
104
|
+
config.module
|
|
105
|
+
.rule('vue')
|
|
106
|
+
.use('vue-loader')
|
|
107
|
+
.tap((options) => {
|
|
108
|
+
options.compilerOptions = {
|
|
109
|
+
...options.compilerOptions,
|
|
110
|
+
isCustomElement: (tag) => tag.startsWith('mint-'),
|
|
111
|
+
}
|
|
112
|
+
return options
|
|
113
|
+
})
|
|
114
|
+
},
|
|
115
|
+
}
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
**For Nuxt 3**, add this to your `nuxt.config.ts`:
|
|
119
|
+
|
|
120
|
+
```ts
|
|
121
|
+
export default defineNuxtConfig({
|
|
122
|
+
vue: {
|
|
123
|
+
compilerOptions: {
|
|
124
|
+
isCustomElement: (tag) => tag.startsWith('mint-'),
|
|
125
|
+
},
|
|
126
|
+
},
|
|
127
|
+
})
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
**Usage example:**
|
|
131
|
+
|
|
76
132
|
```vue
|
|
77
133
|
<template>
|
|
78
134
|
<mint-button variant="primary" @click="handleClick">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAIA,cAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,iBAAiB,CAAgC;;IAOzD,iBAAiB,IAAI,IAAI;IAQzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM9F,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,IAAI,MAAM;IAIjB,UAAU,IAAI,MAAM;IAgBpB,MAAM,IAAI,IAAI;CAgGf;AAOD,eAAe,QAAQ,CAAA"}
|