v2.2.2

Improvements

• settings_data.json has now proper multi-line code indentation after being written to disk by shopify:init task

Maintenance

• added a notice to the Deploying section for deploy:live task in the readme
• updated main readme

view all changes: Pull request

v2.2.1

Bug Fixes

• Vue components with a space in their file name or path are now properly auto-loaded by webpack

Improvements

• Vuex modules can now be placed inside sub-directories
• cleaner regex expressions inside main.js
• cleaner conditional for checking if settings_data.json file exists inside theme.init.js

Maintenance

• less prominent console.log comment inside webpack configs
• adjusted demo text inside vue-examples.liquid to be more readable
• added proper quotation marks to example code instead of apostrophes '

view all changes: Pull request

v2.2.0

Bug Fixes

• npm run shopify:init now initializes the settings_data.json file (if it's not already present) with sections and content_for_index configurations for the Default preset. It fixes the Issue you couldn't add any sections through the Shopify panel.

Improvements

• added a new dynamic-section.liquid file to demonstrate the usage of dynamic sections for index.liquid page through the Shopify panel
• added annotations to settings_schema.json, header section and footer section files

view all changes: Pull request

v2.1.5

Bug Fixes

• shopify:init task doesn't override settings_data.json anymore if the file already exists

view all changes: Pull request

v2.1.4

Improvements

• added a new readme image
• added a youtube link for the Shopify Theme Lab setup tutorial to the main readme

Maintenance

• fixed code comment typos
• updated main readme with additional notices

view all changes: Pull request

v2.1.3

Bug Fixes

• fixed .DS_Store case inside .gitignore

Maintenance

• fixed comment typos in several files
• add min node version to the System requirements section in the main readme

view all changes: Pull request

v2.1.2

Improvements

• added a notice to the main readme for getting started section: npm requires the extra -- before any arguments! When using yarn you can omit them.
• also updated the readme command accordingly

view all changes: Pull request

v.2.1.1

Bug Fixes

• webpack now checks for css and postcss extension to prevent <style lang="postcss"></style> inside Vue single file components from failing

Maintenance

• fixed typos in code comments

view all changes: Pull request

v2.1.0

Features

• removed PreCSS in favour of postcss-preset-env
• added postcss-import since PreCSS is now removed

Improvements

• added ignorePatterns to .eslintrc.js with some examples
• Tailwind CSS is now imported with @import and not with @tailwind in main.css to prevent postcss-import errors

Maintenance

• updated main readme

view all changes: Pull Request

v2.0.0 Shopify Theme Lab 🧪

Shopify Starterkit is now Shopify Theme Lab

Shopify Theme Lab 2 has a much more customizable modular approach compared to the 1.x version.
By default, it's bundled with Vue.js and Tailwind CSS like the previous versions, but it's super easy to remove or replace them with any other framework.

All Changes

Shopify

• shopify/ directory contains framework-agnostic .liquid files
• less template code compared to 1.x versions
• all Vue.js examples bundled into a single snippet

JavaScript

• Vue components are global across all .liquid and .vue files
• global Vue filters
• leaner Vue example-code and file count
• you can now remove Vue entirely and replace it with any other JavaScript framework

CSS

• all new Tailwind CSS 2
• by default, CSS with PostCSS + PreCss (Removed in 2.1.0 and added postcss-preset-env) is used for styling
• preprocessor support: SASS/SCSS, LESS and Stylus
• you can now remove Tailwind CSS entirely and replace it with any other CSS framework

Workflow

• all new webpack 5
• support for npm or yarn
• new Browserlist .browserslistrc configuration
• new ESLintPlugin and updated .eslintrc.js configuration
• updated .config/ directory with a new plugins directory
• reloadr plugin now tries automatically to reconnect to base whenever the connection is lost
• cleaner console output
• git now tracks files with a static keyword in their filename inside the shopify/assets/ directory
• updated READMEs with much more detailed instructions

Migrating from 1.x

1. The easiest way to migrate is to set up a new project with the latest version of Shopify Theme Lab
2. Copy your shopify.dev.yml and/or shopify.live.yml to .config/shopify/
3. Replace the shopify/ and src/ directories with your code
4. Run npm install sass sass-loader --save-dev
5. Remove future configuration options from tailwind.config.js
6. Check Tailwind CSS 2 Upgrade Guide
7. If you get any lint errors, you might need to adjust .config/.eslintrc.js or your code 😬

If you didn't add any new packages or didn't adjust the contents of the .config/ directory you're done.

view all changes: Pull request