Changing file names and adjusting

Author: webdevnerdstuff

src/documentation/DocsComponent.vue

@@ -67,37 +67,37 @@
 		</v-row>
 
 		<!-- Description -->
-		<DescriptionComponent />
+		<DescriptionSection />
 
 		<!-- Usage -->
-		<UsageComponent />
+		<UsageSection />
 
 		<!-- Props -->
-		<PropsComponent />
+		<PropsSection />
 
 		<!-- Components -->
 		<ComponentsSection />
 
 		<!-- Events -->
-		<EventsComponent />
+		<EventsSection />
 
 		<!-- Slots -->
-		<SlotsComponent />
+		<SlotsSection />
 
 		<!-- SASS Variables -->
-		<SassVariables />
+		<SassVariablesSection />
 
 		<!-- Example -->
-		<ExampleComponent />
+		<ExampleSection />
 
 		<!-- Dependencies -->
-		<DependenciesComponent />
+		<DependenciesSection />
 
 		<!-- License -->
-		<LicenseComponent />
+		<LicenseSection />
 
 		<!-- Legal -->
-		<LegalComponent />
+		<LegalSection />
 	</v-container>
 </template>
 
@@ -106,16 +106,16 @@ import { inject, provide, reactive, ref } from 'vue';
 import packageInfo from '../../package.json';
 import {
 	ComponentsSection,
-	DependenciesComponent,
-	DescriptionComponent,
-	EventsComponent,
-	ExampleComponent,
-	LegalComponent,
-	LicenseComponent,
-	PropsComponent,
-	SassVariables,
-	SlotsComponent,
-	UsageComponent,
+	DependenciesSection,
+	DescriptionSection,
+	EventsSection,
+	ExampleSection,
+	LegalSection,
+	LicenseSection,
+	PropsSection,
+	SassVariablesSection,
+	SlotsSection,
+	UsageSection,
 } from '@/documentation/sections';
 
 const links = inject('links');