diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json index 93c8105..1104a6e 100644 --- a/.devcontainer/devcontainer.json +++ b/.devcontainer/devcontainer.json @@ -1,5 +1,5 @@ { - "name": "Optimizely VueJS Starter Kit", + "name": "Optimizely Vue.js Starter Kit", "build": { "dockerfile": "Dockerfile", diff --git a/README.md b/README.md index ae06b4f..6722efc 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Optimizely Vue.js Starter Kit -The goal of this repo is to get you to a running Vue app with Optimizely as fast as possible. +The goal of this repo is to get you to a running [Vue](https://vuejs.org/) app with Optimizely as fast as possible. ## Prerequisites @@ -16,14 +16,13 @@ To get started with the application, follow these steps: 1. Open Visual Studio Code and press `Ctrl + Shift + P` (or `Cmd + Shift + P` on macOS) to open the command palette. Type "Dev Containers: Clone Repository in Container Volume" and press Enter. 2. Enter the repository address `https://github.com/optimizely/vue-js-starter-kit`. -3. If asked, choose the `main` branch. -4. Once the repository is cloned and opened in the dev container, run the project by opening a terminal in Visual Studio Code (press ```Ctrl + ` ``` (or ```Cmd + ` ``` on macOS) and execute the following command: +3. Once the repository is cloned and opened in the dev container, run the project by opening a terminal in Visual Studio Code (press ```Ctrl + ` ``` (or ```Cmd + ` ``` on macOS) and execute the following command: ```shell npm run dev ``` -5. Click the link to the http://localhost:5173/ address to open a browser to the running Vue app. -6. Use the "Run" navigation link after reading the Quick Start information on the home page. +4. Click the link to the http://localhost:5173/ address to open a browser to the running Vue app. +5. Use the "Run" navigation link after reading the Quick Start information on the home page. ## To Exit diff --git a/src/App.vue b/src/App.vue index dbe30fc..bff5552 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,7 +4,7 @@ import { RouterLink, RouterView } from 'vue-router' import HelloWorld from './components/HelloWorld.vue' import optimizelySdk from '@optimizely/optimizely-sdk' -const optimizelyClient = optimizelySdk.createInstance({ sdkKey: 'K4UmaV5Pk7cEh2hbcjgwe' }) +const optimizelyClient = optimizelySdk.createInstance({ sdkKey: 'Jm4Qre4K2uNtdPT7TKs4v' }) if (optimizelyClient === null) { throw new Error('Optimizely instance is null') } diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue index 3cf2d78..af2816e 100644 --- a/src/components/TheWelcome.vue +++ b/src/components/TheWelcome.vue @@ -15,10 +15,10 @@ import SupportIcon from './icons/IconSupport.vue' We'll be following much of the Optimizely React quick start documentationOptimizely Javascript quick start documentation as a basis for this example app. @@ -49,7 +49,7 @@ import SupportIcon from './icons/IconSupport.vue' Get Started
- Once you have your Optimizely SDK key, you can add it to the
+ If you're using your own Optimizely SDK key, you can edit it to the
src/App.vue
. Then, click the Run nav link 👈 to see the example in action.