Initializer for Vue sample

[addy-pathania]

PLEASE DO NOT MERGE!!

Description / Motivation

Testing Details

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

[CobyPear]

• <%- helper.getAppPrefix(appPrefix, appName)%> -> <%- helper.getAppPrefix(appPrefix, appName) %>: missing a space between the final ) and %> in many places
• JssVueWeb- should be replaced with the appropriate ejs token
• Check the **/styleguide/{{language}}.yml file in the other initializers as it has changed significantly from the sample app

[illiakovalenko]

Some issues which should be fixed, check each file:

1. Remove Web prefix, we are not using it
2. Remove space before <%-
3. Check indents

[unrevised6419]

@sc-addypathania Hey there!

I'm starting working on a Vue template that will use vite instead of vue-cli
Looking in current template I saw in server/server.vue.config.js this line

config.output.libraryTarget = 'this'; // libraryTarget: 'this' is required for use with Sitecore JavaScriptViewEngine

Can anyone please give some more context? 👀

Vite and other bundlers does not support this as a libraryTarget/format https://www.rollupjs.org/guide/en/#outputformat
It seems this is only a Webpack feature https://webpack.js.org/configuration/output/#type-this

I don't know if the mentioned JavaScriptViewEngine is this one https://github.com/pauldotknopf/JavaScriptViewEngine
But from examples it seems you can have an usual module.exports 🤔

exportedFunctionName String
Specifies the CommonJS export to be invoked.

https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.nodeservices.inodeservices.invokeexportasync?view=aspnetcore-3.1#microsoft-aspnetcore-nodeservices-inodeservices-invokeexportasync-1(system-string-system-string-system-object())