1 files changed, 26 insertions, 17 deletions
diff --git a/docs/guide/quickstart/page-anatomy.md b/docs/guide/quickstart/page-anatomy.md
index fd49a8f5..0a347e50 100644
--- a/docs/guide/quickstart/page-anatomy.md
+++ b/docs/guide/quickstart/page-anatomy.md
@@ -1,15 +1,18 @@
 # Page Anatomy
+
 Single-file components (SFC) consist of a `template`, `script` and `style`
 block.
 
 ## Template block
+
 When creating a new page, each template consists of at least 3 components:
+
 - `<b-container>`
 - `<page-title>`
 - `<page-section>`
 
-Learn more about the [page title](/guide/components/page-title)and [page
-section](/guide/components/page-section) components.
+Learn more about the [page title](/guide/components/page-title)and
+[page section](/guide/components/page-section) components.
 
 ```vue
 <template>
@@ -21,7 +24,9 @@ section](/guide/components/page-section) components.
   </b-container>
 </template>
 ```
+
 ## Scripts block
+
 In the scripts section, be sure to import the `PageTitle` and `PageSection`
 components and declare them in the `components` property.
 
@@ -30,45 +35,49 @@ it is already registered globally.
 
 ```vue
 <script>
-import PageTitle from '@/components/Global/PageTitle';
-import PageSection from '@/components/Global/PageSection';
+import PageTitle from "@/components/Global/PageTitle";
+import PageSection from "@/components/Global/PageSection";
 export default {
-  name: 'PageName',
-  components: { PageTitle, PageSection }
+  name: "PageName",
+  components: { PageTitle, PageSection },
 };
 </script>
 ```
 
 ## Style block
+
 Add the `scoped` attribute to the style block to keep the styles isolated to the
 SFC. While the `scoped` attribute is optional, it is preferred and global
 changes should be done in global style sheets.
+
 ```vue
-<style lang="scss" scoped> </style>
+<style lang="scss" scoped></style>
 ```
 
 ## Complete single-file component (SFC)
+
 The final SFC will look like this.
+
 ```vue
 <template>
   <b-container fluid="xl">
-    <page-title :description="$t('pageName.pageDescription')"/>
+    <page-title :description="$t('pageName.pageDescription')" />
     <page-section :section-title="$t('pageName.sectionTitle')">
       // Page content goes here
     </page-section>
   </b-container>
 </template>
 <script>
-import PageTitle from '@/components/Global/PageTitle';
-import PageSection from '@/components/Global/PageSection';
+import PageTitle from "@/components/Global/PageTitle";
+import PageSection from "@/components/Global/PageSection";
 export default {
-  name: 'PageName',
-  components: { PageTitle, PageSection }
+  name: "PageName",
+  components: { PageTitle, PageSection },
 };
 </script>
 <style lang="scss" scoped>
-    .example-class {
-      /* Styles go here */
-    }
- </style>
-```
-\ No newline at end of file
+.example-class {
+  /* Styles go here */
+}
+</style>
+```