Merge pull request #57 from JeffWinder/main

Vue 3 Sample

Author: pklaschka

ui-vue-3-starter/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist/

ui-vue-3-starter/README.md

@@ -0,0 +1,41 @@
+# Vue Starter Plugin
+
+This plugin is a Vue 3 version of https://github.com/AdobeDocs/uxp-photoshop-plugin-samples/tree/main/ui-vue-starter
+It uses the Composition API instead of the Options API
+
+## Install dependencies
+
+First ensure that your terminal is in the root of this project. Then:
+
+For `yarn` users, install all dependencies using:
+
+```
+yarn install
+```
+
+For `npm` users, install all dependencies using:
+
+```
+npm install
+```
+
+## Build Process
+
+There are two ways to build the plugin for use in Adobe Photoshop:
+
+- `yarn watch` or `npm run watch` will build a development version of the plugin, and recompile everytime you make a change to the source files. The result is placed in `dist`.
+- `yarn build` or `npm run build` will build a production version of the plugin and place it in `dist`. It will not update every time you make a change to the source files.
+
+> You **must** run either `watch` or `build` prior to trying to use within Photoshop!
+
+## Launching in Photoshop
+
+You can use the UXP Developer Tools to load the plugin into Photoshop.
+
+If the plugin hasn't already been added to your workspace in the UXP Developer Tools, you can add it by clicking "Add Plugin..." and selecting `dist/manifest.json`. **DO NOT** select the `manifest.json` file inside the `plugin` folder.
+
+Once added, you can load it into Photoshop by clicking the ••• button on the corresponding row, and clicking "Load". Switch to Photoshop and you should see the starter panel.
+
+## What this plugin does
+
+This plugin doesn't do much, but does illustrate how to create a panel in Photoshop with `entrypoints`, where you can see the count of clicks on the button alongwith a hello world message.