Skip to content

[feature ] remove VueDarMode dependency so that support CDNJS .Β #15

@625781186

Description

@625781186

, It doesn't work for CDNJS.

<html lang="en"><head>
   <!-- ----------------------------------- -->
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
   <meta name="keywords" content=" ">    
   <meta name="description" content=" ">     
   <meta name="author" content=" ">       

   <!-- ----------------------------------- -->
   

   <!-- ----------------------------------- -->
   <title></title>
   
   <!-- ----------------------------------- -->
                                         

   
   <!-- ----------------------------------- -->
   

   <script src="https://cdn.jsdelivr.net/npm/vue@2.5/dist/vue.min.js"></script>



   <script src="https://cdn.jsdelivr.net/npm/v-click-outside@3.0.1/dist/v-click-outside.umd.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@growthbunker/vuedarkmode@latest/dist/vuedarkmode.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@growthbunker/vuetimeline@0.1.16/dist/vuetimeline.min.js"></script>
                                        
</head>
<body>
<!-- ----------------------------------- -->

   <div id="app">
      <h1>[[test]]</h1>
      <template>
         <!-- Latest update -->
         <vue-timeline-update :date="new Date('2017-02-26')" title="v2.2.0 - Initial D" description="Today I am thrilled to announce the release of Vue.js 2.2.0." thumbnail="/images/vuetimeline/initial_d.jpg" category="announcement" icon="code" color="red">

         <!-- Another update -->
         <vue-timeline-update :date="new Date('2016-11-22')" title="v2.1.0 - Hunter X Hunter" description="Today I am thrilled to announce the release of Vue.js 2.1.0." thumbnail="/images/vuetimeline/hunter_x_hunter.jpg" category="announcement" icon="code" color="turquoise">

         <!-- Yet another update -->
         <vue-timeline-update :date="new Date('2016-09-30')" title="v2.0.0 - Ghost in the Shell" description="Today I am thrilled to announce the release of Vue.js 2.0.0" thumbnail="/images/vuetimeline/ghost_in_the_shell.jpg" category="announcement" icon="code" color="white" is-last="">
      </vue-timeline-update></vue-timeline-update></vue-timeline-update></template>   </div>
                                          

<!-- ----------------------------------- -->


   <!--<editor-fold desc="vue ... θ„šζœ¬">-->
   <!---->
   <script>

       
       Vue.use(vClickOutside)
       Vue.use(VueDarkMode)
       Vue.use(vuetimeline);
       
       
       window.vm1 = new Vue({
           el        : '#app',
           delimiters: ['[[',
                        ']]',
           ],
           components: {},
           mixins    : [],

           data() {
               return {
                   VueDarkMode:false,
                   test: "!11",
               }
           },
           mounted() {


           },
           methods: {},

       })
   </script>
   <!--</editor-fold>-->
                                               


</body></html>

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions