diff --git a/CHANGELOG.md b/CHANGELOG.md
index fba9ab646f..81ba88e286 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ This project does NOT adhere to [Semantic Versioning](https://semver.org/spec/v2
 ### New Features & Improvements
 
 `[samples/angular]` Language is now preserved when navigating to another page ([#793](https://github.com/Sitecore/jss/pull/793))
-`[samples/nextjs][sitecore-jss-cli]` Prefix added to templates which is replaced on jss create ([#800](https://github.com/Sitecore/jss/pull/800))
+`[samples/nextjs][samples/react][samples/vue][samples/angular][sitecore-jss-cli]` Prefix added to templates which is replaced on jss create ([#800](https://github.com/Sitecore/jss/pull/800), [#811](https://github.com/Sitecore/jss/pull/811), [#813](https://github.com/Sitecore/jss/pull/813), (https://github.com/Sitecore/jss/pull/814))
 
 ## 19.0.0
 
diff --git a/samples/vue/data/content/Styleguide/ContentListField/Item1/en.yml b/samples/vue/data/content/Styleguide/ContentListField/Item1/en.yml
index a90b3e0b39..7340adc45b 100644
--- a/samples/vue/data/content/Styleguide/ContentListField/Item1/en.yml
+++ b/samples/vue/data/content/Styleguide/ContentListField/Item1/en.yml
@@ -1,6 +1,6 @@
 id: styleguide-content-list-field-shared-1
 displayName: Styleguide Content List Item 1 (Shared)
 # Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
-template: Styleguide-ContentList-Item-Template
+template: JssVueWeb-Styleguide-ContentList-Item-Template
 fields:
   textField: ContentList Demo (Shared) Item 1 Text Field
diff --git a/samples/vue/data/content/Styleguide/ContentListField/Item2/en.yml b/samples/vue/data/content/Styleguide/ContentListField/Item2/en.yml
index 663ba0aeaa..266c4660ea 100644
--- a/samples/vue/data/content/Styleguide/ContentListField/Item2/en.yml
+++ b/samples/vue/data/content/Styleguide/ContentListField/Item2/en.yml
@@ -1,6 +1,6 @@
 id: styleguide-content-list-field-shared-2
 displayName: Styleguide Content List Item 2 (Shared)
 # Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
-template: Styleguide-ContentList-Item-Template
+template: JssVueWeb-Styleguide-ContentList-Item-Template
 fields:
   textField: ContentList Demo (Shared) Item 2 Text Field
diff --git a/samples/vue/data/content/Styleguide/ItemLinkField/Item1/en.yml b/samples/vue/data/content/Styleguide/ItemLinkField/Item1/en.yml
index f3dcf98b16..3479ad35aa 100644
--- a/samples/vue/data/content/Styleguide/ItemLinkField/Item1/en.yml
+++ b/samples/vue/data/content/Styleguide/ItemLinkField/Item1/en.yml
@@ -1,6 +1,6 @@
 id: styleguide-item-link-field-shared-1
 displayName: Styleguide Item Link Item 1 (Shared)
 # Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
-template: Styleguide-ItemLink-Item-Template
+template: JssVueWeb-Styleguide-ItemLink-Item-Template
 fields:
   textField: ItemLink Demo (Shared) Item 1 Text Field
diff --git a/samples/vue/data/content/Styleguide/ItemLinkField/Item2/en.yml b/samples/vue/data/content/Styleguide/ItemLinkField/Item2/en.yml
index 4bd65c0025..f8e234d80e 100644
--- a/samples/vue/data/content/Styleguide/ItemLinkField/Item2/en.yml
+++ b/samples/vue/data/content/Styleguide/ItemLinkField/Item2/en.yml
@@ -1,6 +1,6 @@
 id: styleguide-item-link-field-shared-2
 displayName: Styleguide Item Link Item 2 (Shared)
 # Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
-template: Styleguide-ItemLink-Item-Template
+template: JssVueWeb-Styleguide-ItemLink-Item-Template
 fields:
   textField: ItemLink Demo (Shared) Item 2 Text Field
diff --git a/samples/vue/data/routes/styleguide/custom-route-type/en.yml b/samples/vue/data/routes/styleguide/custom-route-type/en.yml
index dece0a9add..9c202586d8 100644
--- a/samples/vue/data/routes/styleguide/custom-route-type/en.yml
+++ b/samples/vue/data/routes/styleguide/custom-route-type/en.yml
@@ -1,5 +1,5 @@
 # Using a Custom Route Type enables adding more field data to the route level.
-template: ExampleCustomRouteType
+template: JssVueWeb-ExampleCustomRouteType
 fields:
   # Note that custom route types inherit from the default route type automatically.
   # This is what makes the `pageTitle` field available here, when it's not defined on the custom route type.
diff --git a/samples/vue/data/routes/styleguide/en.yml b/samples/vue/data/routes/styleguide/en.yml
index 14354fd439..428eed2270 100644
--- a/samples/vue/data/routes/styleguide/en.yml
+++ b/samples/vue/data/routes/styleguide/en.yml
@@ -121,7 +121,7 @@ placeholders:
                       # see /data/content/Styleguide/ItemLinkField for definition of this IDs
                       id: styleguide-item-link-field-shared-1
                     localItemLink:
-                      template: Styleguide-ItemLink-Item-Template
+                      template: JssVueWeb-Styleguide-ItemLink-Item-Template
                       fields:
                         textField: Referenced item textField
                 - componentName: Styleguide-FieldUsage-ContentList
@@ -149,10 +149,10 @@ placeholders:
                       # note that names are default auto-generated to be unique. Explicitly specified names must be unique.
                       # NOTE: local item definitions cannot be shared with other content list fields, and are
                       # generally not preferable compared to using shared definitions.
-                      - template: Styleguide-ContentList-Item-Template
+                      - template: JssVueWeb-Styleguide-ContentList-Item-Template
                         fields:
                           textField: Hello World Item 1
-                      - template: Styleguide-ContentList-Item-Template
+                      - template: JssVueWeb-Styleguide-ContentList-Item-Template
                         fields:
                           textField: Hello World Item 2
                 - componentName: Styleguide-FieldUsage-Custom
diff --git a/samples/vue/jss-create.js b/samples/vue/jss-create.js
index 96fccecc12..ff2526e532 100644
--- a/samples/vue/jss-create.js
+++ b/samples/vue/jss-create.js
@@ -18,16 +18,19 @@ const { applyNameToProject } = require('@sitecore-jss/sitecore-jss-cli/dist/cjs/
 module.exports = function createJssProject(argv, nextSteps) {
   console.log(`Executing create script: ${__filename}...`);
 
-  applyNameToProject(__dirname, argv.name, argv.hostName, 'JssVueWeb');
+  applyNameToProject(__dirname, argv.name, argv.hostName, 'JssVueWeb', argv.prefix === 'true');
 
-  if (!argv.fetchWith) {
+  if (!argv.fetchWith || !argv.prefix) {
     nextSteps.push(
       `* Did you know you can customize the Vue sample app using ${chalk.green(
         'jss create'
       )} parameters?`,
       `*  ${chalk.green(
         '--fetchWith {REST|GraphQL}'
-      )} : Specifies how Sitecore data (layout, dictionary) is fetched. Default is REST.`
+      )} : Specifies how Sitecore data (layout, dictionary) is fetched. Default is REST.`,
+      `*  ${chalk.green(
+        '--prefix {true|false}'
+      )} : Specifies whether the templates should include a prefix. If true, the app's templates will be prefixed with the app's name in PascalCase. This is helpful if deploying multiple apps to the same Sitecore instance. If false, no prefix will be used. Default is false.`
     );
   }
 
diff --git a/samples/vue/sitecore/definitions/components/ContentBlock.sitecore.js b/samples/vue/sitecore/definitions/components/ContentBlock.sitecore.js
index c2fd26e935..9bf1645866 100644
--- a/samples/vue/sitecore/definitions/components/ContentBlock.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/ContentBlock.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'ContentBlock',
+    templateName: 'JssVueWeb-ContentBlock',
     displayName: 'Content Block',
     // totally optional, but fun
     icon: SitecoreIcon.DocumentTag,
diff --git a/samples/vue/sitecore/definitions/components/GraphQL-ConnectedDemo.sitecore.js b/samples/vue/sitecore/definitions/components/GraphQL-ConnectedDemo.sitecore.js
index d9d3d47394..74074dd669 100644
--- a/samples/vue/sitecore/definitions/components/GraphQL-ConnectedDemo.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/GraphQL-ConnectedDemo.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'GraphQL-ConnectedDemo',
+    templateName: 'JssVueWeb-GraphQL-ConnectedDemo',
     icon: SitecoreIcon.GraphConnection_directed,
     fields: [
       { name: 'sample1', type: CommonFieldTypes.SingleLineText },
diff --git a/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.graphql b/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.graphql
index 7e72d71d1b..117937b254 100644
--- a/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.graphql
+++ b/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.graphql
@@ -13,7 +13,7 @@ query IntegratedDemoQuery($datasource: String!, $contextItem: String!, $language
     id
     name
     # Strongly-typed querying on known templates is possible!
-    ...on GraphQLIntegratedDemo {
+    ...on JssVueWebGraphQLIntegratedDemo {
       # Single-line text field
       sample1 {
         # the 'jsonValue' field is a JSON blob that represents the object that
@@ -43,7 +43,7 @@ query IntegratedDemoQuery($datasource: String!, $contextItem: String!, $language
   contextItem: item(path: $contextItem, language: $language) {
     id
     # Get the page title from the app route template
-    ...on AppRoute {
+    ...on JssVueWebAppRoute {
       pageTitle {
         value
       }
@@ -56,7 +56,7 @@ query IntegratedDemoQuery($datasource: String!, $contextItem: String!, $language
         # typing fragments can be used anywhere!
         # so in this case, we're grabbing the 'pageTitle'
         # field on all child route items.
-        ...on AppRoute {
+        ...on JssVueWebAppRoute {
           pageTitle {
             jsonValue
             value
diff --git a/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.js b/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.js
index deb20b518f..c358732720 100644
--- a/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/GraphQL-IntegratedDemo.sitecore.js
@@ -15,6 +15,7 @@ const query = fs.readFileSync(
 export default function(manifest) {
   manifest.addComponent({
     name: 'GraphQL-IntegratedDemo',
+    templateName: 'JssVueWeb-GraphQL-IntegratedDemo',
     icon: SitecoreIcon.GraphConnection_directed,
     graphQLQuery: query,
     fields: [
diff --git a/samples/vue/sitecore/definitions/components/GraphQL-Layout.sitecore.js b/samples/vue/sitecore/definitions/components/GraphQL-Layout.sitecore.js
index 154646ab1a..9f1f37fadf 100644
--- a/samples/vue/sitecore/definitions/components/GraphQL-Layout.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/GraphQL-Layout.sitecore.js
@@ -9,6 +9,7 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'GraphQL-Layout',
+    templateName: 'JssVueWeb-GraphQL-Layout',
     icon: SitecoreIcon.Layout,
     placeholders: ['jss-graphql-layout'],
   });
diff --git a/samples/vue/sitecore/definitions/components/GraphQL-SSRDemo.sitecore.js b/samples/vue/sitecore/definitions/components/GraphQL-SSRDemo.sitecore.js
index fc925c70ce..d61038a1c6 100644
--- a/samples/vue/sitecore/definitions/components/GraphQL-SSRDemo.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/GraphQL-SSRDemo.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'GraphQL-SSRDemo',
+    templateName: 'JssVueWeb-GraphQL-SSRDemo',
     icon: SitecoreIcon.GraphConnection_directed,
     fields: [
       { name: 'sample1', type: CommonFieldTypes.SingleLineText },
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-ComponentParams.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-ComponentParams.sitecore.js
index fece848479..3a307f7de6 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-ComponentParams.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-ComponentParams.sitecore.js
@@ -9,10 +9,11 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-ComponentParams',
+    templateName: 'JssVueWeb-Styleguide-ComponentParams',
     icon: SitecoreIcon.WindowDialog,
     params: ['cssClass', 'columns', 'useCallToAction'],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-CustomRouteType.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-CustomRouteType.sitecore.js
index b5e4047ae7..fe40fb2a60 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-CustomRouteType.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-CustomRouteType.sitecore.js
@@ -14,7 +14,7 @@ export default function(manifest) {
   // article sections, where you may wish to use route-level fields for
   // _sorting and filtering_ (it's difficult to query on component-level field data).
   manifest.addRouteType({
-    name: 'ExampleCustomRouteType',
+    name: 'JssVueWeb-ExampleCustomRouteType',
     fields: [
       { name: 'headline', type: CommonFieldTypes.SingleLineText },
       { name: 'author', type: CommonFieldTypes.SingleLineText },
@@ -26,6 +26,7 @@ export default function(manifest) {
   // This component will display the route level fields on the custom route type.
   manifest.addComponent({
     name: 'Styleguide-CustomRouteType',
+    templateName: 'JssVueWeb-Styleguide-CustomRouteType',
     icon: SitecoreIcon.DocumentTag,
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Checkbox.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Checkbox.sitecore.js
index aae5093195..ac24306c34 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Checkbox.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Checkbox.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Checkbox',
+    templateName: 'JssVueWeb-FieldUsage-Checkbox',
     icon: SitecoreIcon.CheckboxSelected,
     fields: [
       { name: 'checkbox', type: CommonFieldTypes.Checkbox },
@@ -16,6 +17,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ContentList.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ContentList.sitecore.js
index eb6ae5b1ee..cf2daec6fa 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ContentList.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ContentList.sitecore.js
@@ -10,6 +10,7 @@ import packageJson from '../../../package.json';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-ContentList',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-ContentList',
     icon: SitecoreIcon.ListStyle_numbered,
     fields: [
       {
@@ -25,6 +26,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js
index e14b52c924..79714d319a 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Custom',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Custom',
     icon: SitecoreIcon.Gearwheel,
     // NOTE: not using 'CommonFieldTypes' here, because it's a custom field.
     // The 'Integer' field ships with Sitecore; something really custom would need to be
@@ -16,6 +17,6 @@ export default function(manifest) {
     fields: [{ name: 'customIntField', type: 'Integer' }],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Date.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Date.sitecore.js
index b9de96fbcd..261a308225 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Date.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Date.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Date',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Date',
     icon: SitecoreIcon.Clock,
     fields: [
       { name: 'date', type: CommonFieldTypes.Date },
@@ -16,6 +17,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-File.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-File.sitecore.js
index 222d11abd4..7bc845b839 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-File.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-File.sitecore.js
@@ -9,10 +9,11 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-File',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-File',
     icon: SitecoreIcon.FloppyDisk,
     fields: [{ name: 'file', type: CommonFieldTypes.File }],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Image.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Image.sitecore.js
index ed3a363ef5..20bdcd7876 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Image.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Image.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Image',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Image',
     icon: SitecoreIcon.PhotoPortrait,
     fields: [
       { name: 'sample1', type: CommonFieldTypes.Image },
@@ -16,6 +17,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ItemLink.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ItemLink.sitecore.js
index 3e53c84714..f668053b21 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ItemLink.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-ItemLink.sitecore.js
@@ -10,6 +10,7 @@ import packageJson from '../../../package.json';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-ItemLink',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-ItemLink',
     icon: SitecoreIcon.Link,
     fields: [
       {
@@ -25,6 +26,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Link.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Link.sitecore.js
index 1f73d2f2cc..27c6aae7fc 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Link.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Link.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Link',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Link',
     icon: SitecoreIcon.Link,
     fields: [
       { name: 'externalLink', type: CommonFieldTypes.GeneralLink },
@@ -18,6 +19,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Number.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Number.sitecore.js
index 7c6a2aa6c2..30401b6698 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Number.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Number.sitecore.js
@@ -9,10 +9,11 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Number',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Number',
     icon: SitecoreIcon.NumbersField,
     fields: [{ name: 'sample', type: CommonFieldTypes.Number }],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-RichText.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-RichText.sitecore.js
index fc5928fe75..2de8ac6c3b 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-RichText.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-RichText.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-RichText',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-RichText',
     icon: SitecoreIcon.TextField,
     fields: [
       { name: 'sample', type: CommonFieldTypes.RichText },
@@ -21,6 +22,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Text.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Text.sitecore.js
index 009a2a7f69..2dba518bde 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Text.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-FieldUsage-Text.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-FieldUsage-Text',
+    templateName: 'JssVueWeb-Styleguide-FieldUsage-Text',
     icon: SitecoreIcon.Text,
     fields: [
       { name: 'sample', type: CommonFieldTypes.SingleLineText },
@@ -21,6 +22,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Reuse.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Reuse.sitecore.js
index a0d4b50f6a..3311decaa3 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Reuse.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Reuse.sitecore.js
@@ -9,10 +9,11 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Layout-Reuse',
+    templateName: 'JssVueWeb-Styleguide-Layout-Reuse',
     icon: SitecoreIcon.DocumentsExchange,
     placeholders: ['jss-reuse-example'],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs-Tab.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs-Tab.sitecore.js
index be952bd3fc..50bc6ef349 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs-Tab.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs-Tab.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Layout-Tabs-Tab',
+    templateName: 'JssVueWeb-Styleguide-Layout-Tabs-Tab',
     icon: SitecoreIcon.TabPane,
     fields: [
       { name: 'title', type: CommonFieldTypes.SingleLineText },
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs.sitecore.js
index 5960dc7410..59b0361efd 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Layout-Tabs.sitecore.js
@@ -9,10 +9,11 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Layout-Tabs',
+    templateName: 'JssVueWeb-Styleguide-Layout-Tabs',
     icon: SitecoreIcon.DocumentTag,
     placeholders: ['jss-tabs'],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Layout.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Layout.sitecore.js
index 9c5f030ee9..7b7b9d24f0 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Layout.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Layout.sitecore.js
@@ -9,6 +9,7 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Layout',
+    templateName: 'JssVueWeb-Styleguide-Layout',
     icon: SitecoreIcon.Layout,
     placeholders: ['jss-styleguide-layout'],
   });
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Multilingual.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Multilingual.sitecore.js
index 605b6a43cc..f242258ce1 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Multilingual.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Multilingual.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Multilingual',
+    templateName: 'JssVueWeb-Styleguide-Multilingual',
     icon: SitecoreIcon.FlagGeneric,
     fields: [
       {
@@ -19,6 +20,6 @@ export default function(manifest) {
     ],
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-RouteFields.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-RouteFields.sitecore.js
index df9585bcff..4243d90ac4 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-RouteFields.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-RouteFields.sitecore.js
@@ -9,12 +9,13 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-RouteFields',
+    templateName: 'JssVueWeb-Styleguide-RouteFields',
     icon: SitecoreIcon.TextField,
     // this component gets all of its fields from the _route_,
     // so it does not need any local fields defined.
 
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Section.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Section.sitecore.js
index 8eec739044..abc0ca3ffb 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Section.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Section.sitecore.js
@@ -9,6 +9,7 @@ import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Section',
+    templateName: 'JssVueWeb-Styleguide-Section',
     icon: SitecoreIcon.DocumentTag,
     fields: [{ name: 'heading', type: CommonFieldTypes.SingleLineText }],
     placeholders: ['jss-styleguide-section'],
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-SitecoreContext.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-SitecoreContext.sitecore.js
index b9bb0cafea..64718b3f59 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-SitecoreContext.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-SitecoreContext.sitecore.js
@@ -9,9 +9,10 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-SitecoreContext',
+    templateName: 'JssVueWeb-Styleguide-SitecoreContext',
     icon: SitecoreIcon.ControlPanel,
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/components/Styleguide-Tracking.sitecore.js b/samples/vue/sitecore/definitions/components/Styleguide-Tracking.sitecore.js
index f4bfae81c4..ea33ff7430 100644
--- a/samples/vue/sitecore/definitions/components/Styleguide-Tracking.sitecore.js
+++ b/samples/vue/sitecore/definitions/components/Styleguide-Tracking.sitecore.js
@@ -9,9 +9,10 @@ import { SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
 export default function(manifest) {
   manifest.addComponent({
     name: 'Styleguide-Tracking',
+    templateName: 'JssVueWeb-Styleguide-Tracking',
     icon: SitecoreIcon.Compass,
     // inherit fields from another template (../templates/Styleguide-Explanatory-Component)
     // inheritance adds fields defined on the base template(s) implicitly to this component
-    inherits: ['styleguide-explanatory-component-template'],
+    inherits: ['JssVueWeb-styleguide-explanatory-component-template'],
   });
 }
diff --git a/samples/vue/sitecore/definitions/routes.sitecore.js b/samples/vue/sitecore/definitions/routes.sitecore.js
index 0b26c2455a..dfdc85b5ca 100644
--- a/samples/vue/sitecore/definitions/routes.sitecore.js
+++ b/samples/vue/sitecore/definitions/routes.sitecore.js
@@ -22,7 +22,7 @@ export default function addRoutesToManifest(manifest) {
   const appTemplateSection = 'Page Metadata';
 
   manifest.setDefaultRouteType({
-    name: 'App Route',
+    name: 'JssVueWeb-App Route',
     fields: [
       {
         name: 'pageTitle',
@@ -31,7 +31,7 @@ export default function addRoutesToManifest(manifest) {
         type: CommonFieldTypes.SingleLineText,
       },
     ],
-    insertOptions: ['App Route'],
+    insertOptions: ['JssVueWeb-App Route'],
   });
 
   return mergeFs('./data/routes') // relative to process invocation (i.e. your package.json)
diff --git a/samples/vue/sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js b/samples/vue/sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
index 8e431179c5..61642a18ab 100644
--- a/samples/vue/sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
+++ b/samples/vue/sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
@@ -7,7 +7,7 @@ import { CommonFieldTypes, Manifest } from '@sitecore-jss/sitecore-jss-manifest'
  */
 export default function(manifest) {
   manifest.addTemplate({
-    name: 'Styleguide-ContentList-Item-Template',
+    name: 'JssVueWeb-Styleguide-ContentList-Item-Template',
     fields: [{ name: 'textField', type: CommonFieldTypes.SingleLineText }],
   });
 }
diff --git a/samples/vue/sitecore/definitions/templates/Styleguide-Explanatory-Component.sitecore.js b/samples/vue/sitecore/definitions/templates/Styleguide-Explanatory-Component.sitecore.js
index 2647363e32..46e531a340 100644
--- a/samples/vue/sitecore/definitions/templates/Styleguide-Explanatory-Component.sitecore.js
+++ b/samples/vue/sitecore/definitions/templates/Styleguide-Explanatory-Component.sitecore.js
@@ -10,7 +10,7 @@ import { CommonFieldTypes, Manifest } from '@sitecore-jss/sitecore-jss-manifest'
  */
 export default function(manifest) {
   manifest.addTemplate({
-    name: 'Styleguide-Explanatory-Component',
+    name: 'JssVueWeb-Styleguide-Explanatory-Component',
     id: 'styleguide-explanatory-component-template',
     fields: [
       { name: 'heading', type: CommonFieldTypes.SingleLineText },
diff --git a/samples/vue/sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js b/samples/vue/sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
index f913a10cb0..4deea036de 100644
--- a/samples/vue/sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
+++ b/samples/vue/sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
@@ -7,7 +7,7 @@ import { CommonFieldTypes, Manifest } from '@sitecore-jss/sitecore-jss-manifest'
  */
 export default function(manifest) {
   manifest.addTemplate({
-    name: 'Styleguide-ItemLink-Item-Template',
+    name: 'JssVueWeb-Styleguide-ItemLink-Item-Template',
     fields: [{ name: 'textField', type: CommonFieldTypes.SingleLineText }],
   });
 }
diff --git a/samples/vue/src/components/GraphQL/GraphQL-ConnectedDemo.query.graphql b/samples/vue/src/components/GraphQL/GraphQL-ConnectedDemo.query.graphql
index 1b12bcda82..939a2e3273 100644
--- a/samples/vue/src/components/GraphQL/GraphQL-ConnectedDemo.query.graphql
+++ b/samples/vue/src/components/GraphQL/GraphQL-ConnectedDemo.query.graphql
@@ -12,7 +12,7 @@ query ConnectedDemoQuery($datasource: String!, $contextItem: String!, $language:
     id
     name
     # Strongly-typed querying on known templates is possible!
-    ...on GraphQLConnectedDemo {
+    ...on JssVueWebGraphQLConnectedDemo {
       # Single-line text field
       sample1 {
         # the 'jsonValue' field is a JSON blob that represents the object that
@@ -41,7 +41,7 @@ query ConnectedDemoQuery($datasource: String!, $contextItem: String!, $language:
   contextItem: item(path: $contextItem, language: $language) {
     id
     # Get the page title from the app route template
-    ...on AppRoute {
+    ...on JssVueWebAppRoute {
       pageTitle {
         value
       }
@@ -54,7 +54,7 @@ query ConnectedDemoQuery($datasource: String!, $contextItem: String!, $language:
         # typing fragments can be used anywhere!
         # so in this case, we're grabbing the 'pageTitle'
         # field on all child route items.
-        ...on AppRoute {
+        ...on JssVueWebAppRoute {
           pageTitle {
             jsonValue
             value
diff --git a/samples/vue/src/temp/GraphQLFragmentTypes.json b/samples/vue/src/temp/GraphQLFragmentTypes.json
index 521948e513..ed451cef60 100644
--- a/samples/vue/src/temp/GraphQLFragmentTypes.json
+++ b/samples/vue/src/temp/GraphQLFragmentTypes.json
@@ -6,7 +6,7 @@
         "name": "ItemField",
         "possibleTypes": [
           {
-            "name": "ReferenceField"
+            "name": "RichTextField"
           },
           {
             "name": "NumberField"
@@ -14,6 +14,9 @@
           {
             "name": "MultilistField"
           },
+          {
+            "name": "LookupField"
+          },
           {
             "name": "LinkField"
           },
@@ -26,9 +29,6 @@
           {
             "name": "ImageField"
           },
-          {
-            "name": "FileField"
-          },
           {
             "name": "DateField"
           },
@@ -37,12 +37,6 @@
           },
           {
             "name": "NameValueListField"
-          },
-          {
-            "name": "LookupField"
-          },
-          {
-            "name": "LayoutField"
           }
         ]
       },
@@ -54,163 +48,160 @@
             "name": "UnknownItem"
           },
           {
-            "name": "StyleguideSitecoreContext"
-          },
-          {
-            "name": "StyleguideSection"
+            "name": "StyleguideComponentParamsRenderingParameters"
           },
           {
-            "name": "StyleguideRouteFields"
-          },
-          {
-            "name": "StyleguideMultilingual"
-          },
-          {
-            "name": "StyleguideLayoutTabsTab"
-          },
-          {
-            "name": "StyleguideLayoutTabs"
+            "name": "C__StandardTemplate"
           },
           {
-            "name": "StyleguideLayoutReuse"
+            "name": "C__Route"
           },
           {
-            "name": "StyleguideItemLinkItemTemplate"
+            "name": "RenderEngineType"
           },
           {
-            "name": "StyleguideFieldUsageText"
+            "name": "JssAngularWebStyleguideTracking"
           },
           {
-            "name": "StyleguideFieldUsageRichText"
+            "name": "JssAngularWebStyleguideSitecoreContext"
           },
           {
-            "name": "StyleguideFieldUsageNumber"
+            "name": "JssAngularWebStyleguideSection"
           },
           {
-            "name": "StyleguideFieldUsageLink"
+            "name": "JssAngularWebStyleguideRouteFields"
           },
           {
-            "name": "StyleguideFieldUsageItemLink"
+            "name": "JssAngularWebStyleguideMultilingual"
           },
           {
-            "name": "StyleguideFieldUsageImage"
+            "name": "JssAngularWebStyleguideLayoutTabsTab"
           },
           {
-            "name": "StyleguideFieldUsageFile"
+            "name": "JssAngularWebStyleguideLayoutTabs"
           },
           {
-            "name": "StyleguideFieldUsageDate"
+            "name": "JssAngularWebStyleguideLayoutReuse"
           },
           {
-            "name": "StyleguideFieldUsageCustom"
+            "name": "JssAngularWebStyleguideItemLinkItemTemplate"
           },
           {
-            "name": "StyleguideFieldUsageContentList"
+            "name": "JssAngularWebStyleguideFieldUsageText"
           },
           {
-            "name": "StyleguideFieldUsageCheckbox"
+            "name": "JssAngularWebStyleguideFieldUsageRichText"
           },
           {
-            "name": "C__StyleguideExplanatoryComponent"
+            "name": "JssAngularWebStyleguideFieldUsageNumber"
           },
           {
-            "name": "StyleguideContentListItemTemplate"
+            "name": "JssAngularWebStyleguideFieldUsageLink"
           },
           {
-            "name": "StyleguideComponentParams"
+            "name": "JssAngularWebStyleguideFieldUsageItemLink"
           },
           {
-            "name": "C__StandardTemplate"
+            "name": "JssAngularWebStyleguideFieldUsageImage"
           },
           {
-            "name": "GraphQLSSRDemo"
+            "name": "JssAngularWebStyleguideFieldUsageFile"
           },
           {
-            "name": "GraphQLIntegratedDemo"
+            "name": "JssAngularWebStyleguideFieldUsageDate"
           },
           {
-            "name": "GraphQLConnectedDemo"
+            "name": "JssAngularWebStyleguideFieldUsageCustom"
           },
           {
-            "name": "ExampleCustomRouteType"
+            "name": "JssAngularWebStyleguideFieldUsageContentList"
           },
           {
-            "name": "ContentBlock"
+            "name": "JssAngularWebStyleguideFieldUsageCheckbox"
           },
           {
-            "name": "C__AppRoute"
-          }
-        ]
-      },
-      {
-        "kind": "INTERFACE",
-        "name": "StyleguideExplanatoryComponent",
-        "possibleTypes": [
-          {
-            "name": "StyleguideSitecoreContext"
+            "name": "JssAngularWebStyleguideExplanatoryComponent"
           },
           {
-            "name": "StyleguideRouteFields"
+            "name": "JssAngularWebStyleguideContentListItemTemplate"
           },
           {
-            "name": "StyleguideMultilingual"
+            "name": "JssAngularWebStyleguideComponentParams"
           },
           {
-            "name": "StyleguideLayoutTabs"
+            "name": "JssAngularWebStyleguideAngularLazyLoading"
           },
           {
-            "name": "StyleguideLayoutReuse"
+            "name": "JssAngularWebGraphQLIntegratedDemo"
           },
           {
-            "name": "StyleguideFieldUsageText"
+            "name": "JssAngularWebGraphQLConnectedDemo"
           },
           {
-            "name": "StyleguideFieldUsageRichText"
+            "name": "JssAngularWebExampleCustomRouteType"
           },
           {
-            "name": "StyleguideFieldUsageNumber"
+            "name": "JssAngularWebContentBlock"
           },
           {
-            "name": "StyleguideFieldUsageLink"
+            "name": "C__JssAngularWebAppRoute"
           },
           {
-            "name": "StyleguideFieldUsageItemLink"
+            "name": "JsonRendering"
           },
           {
-            "name": "StyleguideFieldUsageImage"
+            "name": "JavaScriptRendering"
           },
           {
-            "name": "StyleguideFieldUsageFile"
+            "name": "JSSLayout"
           },
           {
-            "name": "StyleguideFieldUsageDate"
-          },
+            "name": "App"
+          }
+        ]
+      },
+      {
+        "kind": "INTERFACE",
+        "name": "RenderingOptions",
+        "possibleTypes": [
           {
-            "name": "StyleguideFieldUsageCustom"
+            "name": "JsonRendering"
           },
           {
-            "name": "StyleguideFieldUsageContentList"
-          },
+            "name": "JavaScriptRendering"
+          }
+        ]
+      },
+      {
+        "kind": "INTERFACE",
+        "name": "Layout",
+        "possibleTypes": [
           {
-            "name": "StyleguideFieldUsageCheckbox"
-          },
+            "name": "JSSLayout"
+          }
+        ]
+      },
+      {
+        "kind": "INTERFACE",
+        "name": "JssAngularWebAppRoute",
+        "possibleTypes": [
           {
-            "name": "C__StyleguideExplanatoryComponent"
+            "name": "JssAngularWebExampleCustomRouteType"
           },
           {
-            "name": "StyleguideComponentParams"
+            "name": "C__JssAngularWebAppRoute"
           }
         ]
       },
       {
         "kind": "INTERFACE",
-        "name": "AppRoute",
+        "name": "Caching",
         "possibleTypes": [
           {
-            "name": "ExampleCustomRouteType"
+            "name": "JsonRendering"
           },
           {
-            "name": "C__AppRoute"
+            "name": "JavaScriptRendering"
           }
         ]
       }