Updating playground

Author: webdevnerdstuff

src/playground/configs/PlaygroundApp.vue

@@ -20,7 +20,11 @@
 
 					<v-row>
 						<v-col class="v-col-12">
-							<PlaygroundPage />
+							<v-container>
+								<v-row class="row mb-4">
+									<PlaygroundPage />
+								</v-row>
+							</v-container>
 						</v-col>
 					</v-row>
 				</v-container>

src/playground/configs/playground.ts

@@ -5,14 +5,19 @@ import { createPinia } from 'pinia';
 import { registerPlugins } from '../../plugins';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { makeServer } from '../../server';
+import * as VInlineFields from '../../index';
 
-makeServer();
+makeServer({ environment: 'playground' });
 
 const app = createApp(PlaygroundApp);
 app.use(createPinia());
 app.component('font-awesome-icon', FontAwesomeIcon);
 app.component('FaIcon', FontAwesomeIcon);
 
+for (const prop in VInlineFields) {
+	app.component(prop, VInlineFields[prop]);
+}
+
 registerPlugins(app);
 
 app.mount('#app');