tasty-bistro v0.1.0

Using node 16.x.x

Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Tailwind

Tailwind is included in project for quick componentization - https://tailwindcss.com/docs/installation

Option A)

<button class="rounded-md font-semibold underline underline-offset-4">

Option B)

<template>
  <button class="button">
</template>

<style lang="scss">
  .button {
    @apply rounded-md font-semibold underline underline-offset-4;
  }
</style>

Option C)

Mix and match A & B - however it makes sense.

Tailwind Errors:

For fixing the tailwind errors occuring in the .scss files: 1. Install extension Stylelint 2. Adjust your local VS code settings.json file to include

  "scss.lint.unknownAtRules": "ignore",
  "css.lint.unknownAtRules": "ignore",
  "css.validate": false,
  "scss.validate": false,

stylelint.config.js has already been added.

Storybook

npm run storybook - auto opens a browser instance.

NOTE: If npm run storybook fails, upgrading the node version to > 17 seems to have fixed the problem.

Storybook w/ Applitude

https://applitools.com/integrations/

MAC

export APPLITOOLS_API_KEY=<your_key>

Windows

set APPLITOOLS_API_KEY=<your_key>

Run

npx eyes-storybook

See results in dashboard: https://eyes.applitools.com/ - login is in LastPass.

Options:
  --help                                            Show help                                                                       [boolean]
  --version, -v                                     Show the version number                                                         [boolean]
  --conf, -f                                        Path to applitools.config.js config file                                         [string]
  --storybook-url, -u                               URL to storybook                                                                 [string]
  --storybookPort, -p, --storybook-port             Port to run Storybook                                                            [number]
  --storybookHost, -h, --storybook-host             Host to run Storybook                                                            [string]
  --storybookConfigDir, -c, --storybook-config-dir  Path to Storybook's config folder (defaults to .storybook)                       [string]
  --storybookStaticDir, --storybook-static-dir      Path to Storybook's static files folder                                          [string]
  --showStorybookOutput, --show-storybook-output    Whether or not you want to see Storybook output                                 [boolean]
  --readStoriesTimeout, --read-stories-timeout      The time to wait until all stories are read, before starting the visual tests    [number]
  --exitcode, -e                                    If tests failed close with non-zero exit code                                   [boolean]

TODO

Add Jest