Getting Started Article Revamp

[yordan-mitev]

This PR updates the main Getting Started article (Composition API + JS). The main changes are:

1. Significantly reduce the length and complexity of the article by removing the Window and DropDownList.
   • Shorter and easier-to-follow Getting Started articles reduce evaluation time and the bounce rate.
   • Less complex tutorials reduce the dropout caused by minor user errors.
   • Users are more likely to complete a shorter tutorial than a long and complex one.
2. Remove sections that promote related Kendo/Telerik products but according to Google Analytics aren't popular among page visitors (ThemeBuilder, UI Kits, etc.) and add unnecessary length.
3. Convert the Licensing section to a note and an additional link in the Next Steps section. This way we reduce the length of the article by removing a section that doesn't provide detailed step-by-step instructions and hence doesn't fit into the tutorial.
4. Comment out the yarn code snippets. These snippets must be enabled once the new docs/demos platform is available as it will support tabbed code snippets. Currently, they add unnecessary length to the article.

Outstanding tasks:

• Update the code snippets in the following sections:
  • Add a Vue Data Grid Component
  • Configure the Vue Data Grid
• Add a new Stackblitz example that reflects the updated content of the tutorial.
• Add the updated code to the github repo (if required).

[PekoPPT]

The composition API doesn't have a 'data' option. Probably this is taken from the Options API article or is here because of the copy-paste process when creating the currently available getting started articles.

[yordan-mitev]

I reused the content of the current article on line 281 but I may have misinterpreted it. What wording and terms should I use instead?

[PekoPPT]

The latest version of the Composition API uses the <script setup> configuration as in the following code:

<script setup>
import { ref, onMounted } from 'vue'

// reactive state
const count = ref(0)

// functions that mutate state and trigger updates
function increment() {
  count.value++
}

// lifecycle hooks
onMounted(() => {
  console.log(`The initial count is ${count.value}.`)
})
</script>

<template>
  <button @click="increment">Count is: {{ count }}</button>
</template>

Let's make the composition API examples using the <script setup>

[PekoPPT]

The same as above. Let's use the <script setup> configuration of the Composition API

[yordan-mitev]

I added placeholder code snippets, could you provide the actual code?