Using the Tipe Vue Starter

If you'd like to use Vue with Tipe, we've created a Vue Starter for you that's ready to go.

Download and config

Download the Tipe Vue Starter. At the command line, in the project directory, run npm install or yarn install.

Open the project with your favorite code editor and look at the env.sample file.

The env.sample file gives you an example for creating your own .env file. An .env file is where you put environment variables, and for Tipe, you can use it to hold your KEYS. The env.sample file is as follows:

Save a new file called simply .env in the same location as the sample file and populate it with the contents of the sample. Alternatively, you could just rename it by removing .sample.

Next, log into Tipe and retrieve your keys from the API Keys section of the dashboard. The API Keys icon is on the left sidebar.

In the API Keys section, you'll see your keys. The following image illustrates their location. They're blurred out here for security.

Copy and paste the Org Secret into your .env file next to TIPE_ID. Do the same with the Generated API key (the bottom one in the illustration), pasting it into the TIPE_API_KEY field.

Now your .env file should look something like this:

After saving, go back to the command line and run npm run dev. Next, switch over to your browser and go to http://localhost:3000/. You should see the following:

If a Document has a Media block that's null then you get the TypeError. If you associate a media image and then remove it, it'll get set to null. And then you get the TypeError.

For the latest on our Vue Starter, watch the repo on GitHub where we welcome contributions!