You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+37-29Lines changed: 37 additions & 29 deletions
Original file line number
Diff line number
Diff line change
@@ -26,35 +26,43 @@ To install the starter kit, run the following command:
26
26
27
27
Visit the URL for your app and you're good to go!
28
28
29
-
## JS Folder Structure
30
-
31
-
We follow Vue.js best practices and conventions for organizing the files and folders inside the `resources/js` directory. The structure follows these naming conventions:
32
-
33
-
-**Folders**: Use kebab-case
34
-
```
35
-
resources/js/
36
-
├── components/ # Reusable Vue components
37
-
├── composables/ # Vue composables/hooks
38
-
├── layouts/ # Application layouts
39
-
├── pages/ # Page components
40
-
└── lib/ # Utility functions and configurations
41
-
```
42
-
43
-
-**Components**: Use PascalCase for component files
44
-
```
45
-
components/
46
-
└── AppearanceTabs.vue
47
-
└── NavigationBar.vue
48
-
```
49
-
50
-
-**Composables/Utilities**: Use camelCase for utility files and composables
51
-
```
52
-
composables/
53
-
└── useAuth.ts
54
-
└── useSettings.ts
55
-
```
56
-
57
-
This structure aligns more with the default Vue convention.
The majority of the front-end code is located in the `resources/js` folder. We follow Vue.js best practices and conventions for organizing the files and folders inside this folder. The structure follows these naming conventions:
40
+
41
+
**Folders**: Use kebab-case
42
+
```
43
+
resources/js/
44
+
├── components/ # Reusable Vue components
45
+
├── composables/ # Vue composables/hooks
46
+
├── layouts/ # Application layouts
47
+
├── pages/ # Page components
48
+
└── lib/ # Utility functions and configurations
49
+
```
50
+
51
+
**Components**: Use PascalCase for component files
52
+
```
53
+
components/
54
+
└── AppearanceTabs.vue
55
+
└── NavigationBar.vue
56
+
```
57
+
58
+
**Composables/Utilities**: Use camelCase for utility files and composables
59
+
```
60
+
composables/
61
+
└── useAuth.ts
62
+
└── useSettings.ts
63
+
```
64
+
65
+
This structure aligns more with the default Vue conventions.
0 commit comments