Untitled


<script>

import { createApp } from "vue";

createApp ({
    data () {
        return {
            items: [1, 2, 5, 12]
        }
    }
})

</script>

 <template>

     <body>

        <header>
            <h2>Welcome</h2>
            <img src="../components/icons/User-Icon-PNG.png" alt="">

        </header>

        <main>

            <button id="add" v-on:click="">Add</button>
            <table>

                <tr>
                   <th>ID</th>
                   <th>Course Name</th>
                   <th>Description</th>
                   <th>Lessons(count)</th>
                   <th>State</th>
                   <th>Date added</th>
                   <th>Image</th>
                </tr>

                <tr>
                    <td>1</td>
                    <td>sdada</td>
                    <td>sad</td>
                    <td>ff</td>
                    <td>ffds</td>
                    <td>ffaaa</td>
                    <td>ffaaa</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>sdada</td>
                    <td>sad</td>
                    <td>ff</td>
                    <td>ffds</td>
                    <td>ffaaa</td>
                    <td>ffaaa</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>sdada</td>
                    <td>sad</td>
                    <td>ff</td>
                    <td>ffds</td>
                    <td>ffaaa</td>
                    <td>ffaaa</td>
                </tr>

            </table>

            <li v-for="item in items">{{item}}</li>

        </main>

        <footer>
            <router-link class="links" to="/">Home</router-link>
            <router-link class="links" to="/learning">Learning</router-link>
        </footer>

    </body>

</template>