All language subtitles for 003 Convert it to Composition API_en

Let's switch this simple app over to using the composition API.

And one important thing to note is that everything in the template stays the same.

We don't need to change anything in the template generally with the composition API.

Everything in the template works exactly the same.

We use data properties, computed properties, methods in exactly the same way.

The only place we do things differently is in the script section.

So I'm going to comment out this options API script section for now.

So a lot of opening comment at the top of it and then a closing comment at the bottom of it.

Let's add a new script section where we'll use the composition API.

So scripts.

Now we can use the composition API with two different patterns.

There's the setup function pattern, which was the original pattern which came when the composition

API first came out.

And then we have the second pattern, which is the script setup pattern which was released later on

and is much better.

But for now, let's just use the original setup function pattern, although we will later use the superior

script setup pattern.

So to use the setup function pattern again, we need to add our export default, but we don't add options

like data methods, etc. Instead, we add a settled function like this and we place all of our code

in here.

Basically all of our data properties, methods, computed properties, watches, etc. will all go inside

this setup function.