@myissue/vue-website-page-builder 3.4.19 → 3.4.20
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
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
- [Initializing the Page Builder](#initializing-the-page-builder)
|
|
22
22
|
- [Nuxt 3 Integration](#nuxt-3-integration)
|
|
23
23
|
- [Create a Nuxt Plugin](#create-a-nuxt-plugin)
|
|
24
|
-
- [Register the Plugin](#register-the-plugin)
|
|
24
|
+
- [Register the Plugin in nuxt.config.ts](#register-the-plugin-in-nuxtconfigts)
|
|
25
25
|
- [Why Use the Shared Instance?](#why-use-the-shared-instance)
|
|
26
26
|
- [Using the Page Builder Component](#using-the-page-builder-component)
|
|
27
27
|
- [Important: CSS Prefixing (`pbx-`)](#important-css-prefixing-pbx-)
|
|
@@ -247,21 +247,29 @@ To use `@myissue/vue-website-page-builder` in a Nuxt 3 project, follow these ste
|
|
|
247
247
|
|
|
248
248
|
#### Create a Nuxt Plugin
|
|
249
249
|
|
|
250
|
-
|
|
250
|
+
Create a file:
|
|
251
|
+
|
|
252
|
+
```
|
|
253
|
+
app/plugins/page-builder.client.js
|
|
254
|
+
```
|
|
255
|
+
|
|
256
|
+
Add:
|
|
257
|
+
|
|
258
|
+
```javascript
|
|
251
259
|
import { defineNuxtPlugin } from '#app'
|
|
252
|
-
import
|
|
260
|
+
import { pageBuilder } from '@myissue/vue-website-page-builder'
|
|
253
261
|
import '@myissue/vue-website-page-builder/style.css'
|
|
254
262
|
|
|
255
263
|
export default defineNuxtPlugin((nuxtApp) => {
|
|
256
|
-
nuxtApp.vueApp.use(
|
|
264
|
+
nuxtApp.vueApp.use(pageBuilder)
|
|
257
265
|
})
|
|
258
266
|
```
|
|
259
267
|
|
|
260
|
-
#### Register the Plugin
|
|
268
|
+
#### Register the Plugin in nuxt.config.ts
|
|
261
269
|
|
|
262
270
|
```typescript
|
|
263
271
|
export default defineNuxtConfig({
|
|
264
|
-
plugins: ['~/plugins/page-builder.client.
|
|
272
|
+
plugins: ['~/plugins/page-builder.client.js'],
|
|
265
273
|
})
|
|
266
274
|
```
|
|
267
275
|
|