Narnia Produced Magic

    @jswf/vue
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    @jswf/vue

    npm version Virtual window component for Vue.js

    1.Contents

    1.1 Basic explanation

    Components for realizing virtual windows with Vue.js Just enclose with JSWindow and it will become a virtual window

    1.2 Currently available features

    • MoveWindow
    • Resize
    • Maximize
    • Minimize
    • Parent-child window
    • SplitScreen

    2.Screen shot

    Screen Shot

    3.links

    4.Sample source

    <template>
      <div id="app">
        <img alt="Vue logo" src="./assets/logo.png" />
        <!-- Add JSWindow-->
        <JSWindow title="Virtual Window">
          <HelloWorld msg="Welcome to Your Vue.js App" />
        </JSWindow>
        <!---------------->
      </div>
    </template>
    
    <script>
    import HelloWorld from "./components/HelloWorld.vue";
    import { JSWindow } from "@jswf/vue"; //Add
    export default {
      name: "app",
      components: {
        HelloWorld,
        JSWindow //Add
      }
    };
    </script>
    
    <style>
    #app {
      font-family: "Avenir", Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      margin-top: 60px;
    }
    </style>

    5.Component list

    JSWindow SplitView

    6.license

    MIT

    Install

    npm i @jswf/vue

    DownloadsWeekly Downloads

    7

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    226 kB

    Total Files

    16

    Last publish

    Collaborators

    • sora_kumo