Add script block instructions

telerik · Aug 7, 2024 · 200316b · 200316b
1 parent 321802a
commit 200316b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/docs/getting-started/typescript-composition-api.md b/docs/getting-started/typescript-composition-api.md
@@ -98,10 +98,12 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
     ```
 
 
-1. In the `src/App.vue` file, import the CSS files provided by the installed theme package:  
+1. In the `src/App.vue` file, add a `<script>` block and import the CSS files provided by the installed theme package:
 
     ```js
-      import '@progress/kendo-theme-default/dist/all.css';
+      <script lang="ts">
+        import '@progress/kendo-theme-default/dist/all.css';
+      </script>
     ```
 
 To add any custom styles to your app, insert a `<styles>` tag in the `src/App.vue` file and place your styles there.
@@ -356,4 +358,4 @@ Your Kendo UI for Vue Getting Started application is complete! You can download
 
 * [Activate Your Kendo UI for Vue License](slug:my_license_vue)
 * [Create Projects Faster with the Kendo UI for Vue VS Code Extension](slug:getting_started_vscode)
-* [Take a Free Entry-Level Kendo UI for Vue (with TypeScript) Course](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
+* [Take a Free Entry-Level Kendo UI for Vue (with TypeScript) Course](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)