Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use Carbon component with vue Template literals #690

Open
rokkanen opened this issue Oct 3, 2020 · 0 comments
Open

How to use Carbon component with vue Template literals #690

rokkanen opened this issue Oct 3, 2020 · 0 comments

Comments

@rokkanen
Copy link

rokkanen commented Oct 3, 2020

Hi,
I've my own toochain to build vue apps: Rollup+typescript+pug.
I don't like use single file (.vue file), because I don't want use vue cli, webpack, etc...
I found to heavy for me (lot of dependencies).
Because I want be closer of pure native Ecmascript 6+ Development (and not use transformation like .vue single file) and "lightweight philosophy" of vue progressive framework ,
I use Template literals syntax, one of the 7 ways to use vue , like this :

import Vue from 'vue';
import myTemplate from "./myTemplate.pug";

const myView = Vue.extend({
template: myTemplate,
data() {
},
mounted() {
console.log("myView mounted.");
},
methods: {
}
});

export default myView;

In my literal template (myTemplate.pug), I want consume carbon vue components.
In order to start quickly with carbon, I would like:

1/ First, know if it's possible to use CDN in this context?
2/ Second, if OK, I'll use my rollup+typescript toolchain.

So, it will be very usefull to have a complete file sample (and not a snippet !) with:

  • complete html file with the CDN references (style, components)
  • the complete code initialisation of vue (in ES6+ native, and idealy in Typescript context, ES5)
  • vue tag component referenced in a page (cv-button for exemple)

Because I'm not able yet to initiate a sample in this context (TS + Rollup).

Thank's a lot for your job and you help!

Regards
Stéphane

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant