Merge pull request #98 from AdamDrewsTR/minor-cleanup

Fix doc builds, Etc

Author: GlobalHive

.github/workflows/ci.yml

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18, 20, 22]
+        node-version: [20, 22]
 
     steps:
     - name: Checkout code
@@ -48,6 +48,9 @@ jobs:
 
     - name: Build library
       run: npm run build-only
+
+    - name: Build styles
+      run: npm run build::sass
 
     - name: Build documentation
       run: npm run docs:build

docs/.vitepress/config.ts

@@ -5,12 +5,21 @@ export default defineConfig({
   description: 'Guide your users through your application quickly and easily.',
   lang: 'en-US',
   base: '/vuejs-tour/',
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+        },
+      },
+    },
+  },
   themeConfig: {
     logo: 'https://vuejs.org/images/logo.png',
     nav: [
       { text: 'Guide', link: '/guide/what-is-vuejs-tour' },
       {
-        text: '2.1.1',
+        text: '2.4.2',
         items: [
           {
             text: 'Changelog',

docs/guide/create-a-tour.md

@@ -23,7 +23,7 @@ First of all, you need to create an array of steps. Each step should have a `tar
 ```
 
 After creating the steps, you need to pass them to the `VTour` component as a prop.
-```vue{2}
+```vue
 <template>
     <VTour/> // [!code --]
     <VTour :steps="steps"/> // [!code ++]

docs/guide/getting-started.md

@@ -7,7 +7,7 @@ You can try VueJS Tour directly in your browser on [StackBlitz](https://stackbli
 ## Installation
 
 ### Prerequisites
-- [Node.js](https://nodejs.org/) version 18.3 or higher.
+- [Node.js](https://nodejs.org/) version 20 or higher.
 - [Vue 3.x](https://vuejs.org/) or higher.
 - Terminal for installing VueJS Tour.
 
@@ -50,20 +50,5 @@ We are also importing the default styles of VueJS Tour.
     <HelloWorld msg="Vite + Vue" />
 </template>
 ```
-::: danger Breaking Changes
-Since version 2.0.1, VueJS Tour has been rewritten in TypeScript. The `VTour` component is now a named export and must be imported as such.
-::: details Version 1.x.x
-Import the plugin in your application entry point (`main.js`) file.
-```js{3,4,7}
-import { createApp } from "vue";
-import App from "./App.vue";
-import VueJsTour from '@globalhive/vuejs-tour';
-import '@globalhive/vuejs-tour/dist/style.css';
-
-const app = createApp(App)
-  .use(VueJsTour)
-  .mount("#app");
-```
-:::
 
 Everything is now set up, and you can start [creating your first tour](./create-a-tour).