Maxim Kot batFormat

Application structure

Application has tree structure with folders for each "feature"
Feature folders are named with lowerCamelCase → myComponentDashboard
Feature can contain any number of components and nested features
Components are named using UpperCamelCase → MyWidgetComponent.vue
Component can have translation .yml file named correspondingly → MyWidgetComponent.yml
If component requires more than 2 files: .vue and .yml file - folder is created with the same name → MyWidgetComponent

This cookbook is similar to Vue cookbook but contains our custom recipes for some specific cases.

For form validation we use Vuelidate

export default Vue.extend({
  ...
 validations: {

	<?php

	namespace App\Console\Commands\Google;

	use Google_Client;
	use Google_Http_Batch;
	use Google_Service_Docs_BatchUpdateDocumentRequest;
	use Google_Service_Docs_ReplaceAllTextRequest;
	use Google_Service_Docs_SubstringMatchCriteria;
	use Google_Service_Docs;

	<template>
	<div class="container">
	<h1 class="text-2xl">{{ page.meta_h1 }}</h1>
	<component
	:is="component.name"
	v-for="(component, i) in components"
	:key="i"
	v-bind="component.props"
	/>
	</div>

	<?php

	/**
	* Below is an the extended Filament resource your tenant panel resources
	* will have to extend so that the queries are scoped properly.
	*/

	namespace App\Filament;

	use Filament\Resources\Resource;