Giter VIP home page Giter VIP logo

Comments (6)

stevebauman avatar stevebauman commented on May 19, 2024 2

Thanks so much for your kind words @bradgarropy! Glad you find it useful 😄

I'm definitely going to add this in -- it's just a matter of time. Hopefully in the next couple weeks I'll have it up and running 👍

from showcode.

stevebauman avatar stevebauman commented on May 19, 2024 2

Implemented! All settings and all tabs are now stored by default in local storage (try making changes, closing the browser window, and then re-visiting showcode.app).

You can now save a tab as a template so you can create new project/screenshots based on the exact same template! 🎉

from showcode.

bradgarropy avatar bradgarropy commented on May 19, 2024

I'm a seasoned react developer, but I'm new to vue. If you point me to the right file(s) I can create a branch and try submitting a PR!

from showcode.

stevebauman avatar stevebauman commented on May 19, 2024

Sure! That'd be awesome. If you'd like to take a crack at it, here's all the settings for the preview window:

showcode/components/Preview.vue

Lines 408 to 436 in 4d570f0

data() {
return {
shiki: null,
highlighter: null,
title: '',
copied: false,
loading: false,
showTitle: true,
showColorMenu: true,
showLineNumbers: false,
exportAs: 'png',
background: 'teal',
editingTitle: false,
themeType: 'light',
themeOpacity: 1.0,
themeName: 'github-light',
themeBackground: '#fff',
hovering: null,
resizing: false,
width: DEFAULT_WIDTH,
height: DEFAULT_HEIGHT,
borderRadius: 12,
fontSize: 16,
padding: 16,
lines: [],
focused: [],
languages: [],
};
},

I've also added local installation instructions to get you up and running:

https://github.com/stevebauman/showcode#local-installation

from showcode.

nik-418 avatar nik-418 commented on May 19, 2024

+1 for a simple localStorage implementation!

from showcode.

bradgarropy avatar bradgarropy commented on May 19, 2024

Woah that was fast, thank you so much @stevebauman!

from showcode.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.