olova

Appearance

Quick Start ​

Getting Started with CDN ​

Include the Olova Library ​

You can easily include Olova in your project using a CDN link. Just add the following script tag to your HTML file:

js
// Here's the correct import statement for CDN usage
import { createApp } from "//unpkg.com/olova";

Create Your First App ​

Here’s a simple example to create a reactive counter application using Olova:

html
<div id="app">
  <template>
    <button @click="increment">{ count }</button>
  </template>
</div>

<script type="module">
  import { createApp } from "//unpkg.com/olova";

  const app = createApp({
    data: {
      count: 0,
    },
    methods: {
      increment() {
        this.count++;
      },
    },
  });
  app.mount("#app");
</script>

Future Enhancements ​

In the future, we will introduce a build method that allows you to optimize your Olova applications using Vite. This will enable you to create production-ready builds effortlessly while leveraging modern JavaScript features and tools.

For now, you can start building with Olova using the CDN, and keep an eye out for updates regarding the build method integration!

Conclusion ​

You are now set up to start developing applications with Olova! Explore the features, and build dynamic, reactive web applications easily. Stay tuned for more updates, including the upcoming build method with Vite for enhanced development workflows.