Skip to content

How to use Carbon component with vue Template literals #690

Open
@rokkanen

Description

@rokkanen

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions